jquery做的一个简单的屏幕锁定提示框


Posted in Javascript onMarch 26, 2014
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>无标题文档</title> 
<script language="JavaScript" type="text/javascript" src="/js/jquery-1.8.3.min.js"></script> 
<script language="JavaScript" type="text/javascript"> 
$(document).ready(function(){ 
$('a').click(function(){ 
var wwd=$(document).width(); 
var wgd=$(document).height(); 
$('body').prepend('<div id="zhezhaoc"></div>'); 
$('#zhezhaoc').css({ 
'width' : ''+wwd+'px', 
'height' : ''+wgd+'px', 
'background-color' : '#000000', 
'z-index' : '1100', 
'opacity' : '0.5', 
'position' : 'absolute', 
'top' : '0px', 
'left' : '0px' 
}); 
alert('提示框任意'); 
}); 
}); 
</script> 
</head> <body> 
<a href="#">测试按钮</a> 
</body> 
</html>
Javascript 相关文章推荐
javascript flash下fromCharCode和charCodeAt方法使用说明
Jan 12 Javascript
JS 实现Json查询的方法实例
Apr 12 Javascript
jQuery实现多按钮单击变色
Nov 27 Javascript
如何屏蔽防止别的网站嵌入框架代码
Aug 24 Javascript
jQuery实现输入框下拉列表树插件特效代码分享
Aug 27 Javascript
AngularJS实现表单手动验证和表单自动验证
Dec 09 Javascript
Bootstrap modal 多弹窗之叠加引起的滚动条遮罩阴影问题
Feb 27 Javascript
jQuery中用on绑定事件时需注意的事项
Mar 19 Javascript
vue使用element-ui的el-input监听不了回车事件的解决方法
Jan 12 Javascript
详解一个小实例理解js原型和继承
Apr 24 Javascript
vue.js实现回到顶部动画效果
Jul 31 Javascript
深入浅析vue中cross-env的使用
Sep 12 Javascript
JS中判断null、undefined与NaN的方法
Mar 26 #Javascript
jquery检测input checked 控件是否被选中的方法
Mar 26 #Javascript
JS阻止用户多次提交示例代码
Mar 26 #Javascript
js获取客户端网卡的IP地址、MAC地址
Mar 26 #Javascript
javascript判断chrome浏览器的方法
Mar 26 #Javascript
Javascript 浮点运算精度问题分析与解决
Mar 26 #Javascript
javascript 3d 逐侦产品展示(核心精简)
Mar 26 #Javascript
You might like
同一空间绑定多个域名而实现访问不同页面的PHP代码
2006/12/06 PHP
PHP验证码类代码( 最新修改,完全定制化! )
2010/12/02 PHP
php防止SQL注入详解及防范
2013/11/12 PHP
根据中文裁减字符串函数的php代码
2013/12/03 PHP
Laravel框架生命周期与原理分析
2018/06/12 PHP
php微信开发之音乐回复功能
2018/06/14 PHP
浅谈JavaScript中面向对象技术的模拟
2006/09/25 Javascript
菜鸟学习JavaScript小实验之函数引用
2010/11/17 Javascript
jQuery对表单元素的取值和赋值操作代码
2011/05/19 Javascript
input输入框鼠标焦点提示信息
2015/03/17 Javascript
微信公众号平台接口开发 获取access_token过程解析
2019/08/14 Javascript
es6数组includes()用法实例分析
2020/04/18 Javascript
[03:54]Ehome出征西雅图 回顾2016国际邀请赛晋级之路
2016/08/02 DOTA
python基于xmlrpc实现二进制文件传输的方法
2015/06/02 Python
python django事务transaction源码分析详解
2017/03/17 Python
Python列表推导式与生成器用法分析
2018/08/02 Python
Python列表对象实现原理详解
2019/07/01 Python
利用Tensorboard绘制网络识别准确率和loss曲线实例
2020/02/15 Python
Python Tornado批量上传图片并显示功能
2020/03/26 Python
jupyter notebook 重装教程
2020/04/16 Python
CSS3 实现倒计时效果
2020/11/25 HTML / CSS
Html5中的桌面通知Notification的实现
2018/09/25 HTML / CSS
HTML5本地存储之IndexedDB
2017/06/16 HTML / CSS
英国街头品牌:Bee Inspired Clothing
2018/02/12 全球购物
官方授权图形T恤和服装:Fifth Sun
2019/06/12 全球购物
Java面试题:请说出如下代码的输出结果
2013/04/22 面试题
小学教师的自我评价范例
2013/10/31 职场文书
《散步》教学反思
2014/03/02 职场文书
护士节活动总结
2014/08/29 职场文书
2014年党的群众路线整改措施思想汇报
2014/10/12 职场文书
教师党员个人整改措施
2014/10/27 职场文书
公证处委托书
2015/01/28 职场文书
2016年敬老月活动总结
2016/04/05 职场文书
2019年让高校“心动”的自荐信
2019/03/25 职场文书
接触艺术对孩子学习思维有益
2019/08/06 职场文书
浅谈Golang 切片(slice)扩容机制的原理
2021/06/09 Golang