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 相关文章推荐
Firebug入门指南(Firefox浏览器)
Aug 21 Javascript
jQuery 快速结束当前正在执行的动画
Nov 20 Javascript
javascript右下角弹层及自动隐藏(自己编写)
Nov 20 Javascript
yepnope.js使用详解及示例分享
Jun 23 Javascript
jquery表单对象属性过滤选择器实例分析
May 18 Javascript
每天一篇javascript学习小结(Function对象)
Nov 16 Javascript
AngularJS基础 ng-srcset 指令简单示例
Aug 03 Javascript
React-router中结合webpack实现按需加载实例
May 25 Javascript
webpack处理 css\less\sass 样式的方法
Aug 21 Javascript
简述JS浏览器的三种弹窗
Jul 15 Javascript
如何优雅的在一台vps(云主机)上面部署vue+mongodb+express项目
Jan 20 Javascript
Vue和React组件之间的传值方式详解
Jan 31 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操作mysql数据库的基本类代码
2014/02/25 PHP
PHP中把stdClass Object转array的几个方法
2014/05/08 PHP
php通过隐藏表单控件获取到前两个页面的url
2014/09/09 PHP
Yii2 assets清除缓存的方法
2016/05/16 PHP
PHP环形链表实现方法示例
2017/09/15 PHP
js修改input的type属性及浏览器兼容问题探讨与解决
2013/01/23 Javascript
鼠标移到div,浮层显示明细,弹出层与div的上边距左边距重合(示例代码)
2013/12/14 Javascript
再分享70+免费的jquery 图片滑块效果插件和教程
2014/12/15 Javascript
jQuery鼠标事件汇总
2015/08/30 Javascript
JS实现弹性菜单效果代码
2015/09/07 Javascript
JavaScript使用DeviceOne开发实战(四)仿优酷视频应用
2015/12/02 Javascript
jquery ajax双击div可直接修改div中的内容
2016/03/04 Javascript
浅谈jquery点击label触发2次的问题
2016/06/12 Javascript
Javascript 详解封装from表单数据为json串进行ajax提交
2017/03/29 Javascript
Vue实现点击当前元素以外的地方隐藏当前元素(实现思路)
2019/12/04 Javascript
JavaScript setInterval()与setTimeout()计时器
2019/12/27 Javascript
从零开始在vue-cli4配置自适应vw布局的实现
2020/06/08 Javascript
Python获取脚本所在目录的正确方法
2014/04/15 Python
Python在不同目录下导入模块的实现方法
2017/10/27 Python
Python设计模式之备忘录模式原理与用法详解
2019/01/15 Python
Python split() 函数拆分字符串将字符串转化为列的方法
2019/07/16 Python
pytorch中如何使用DataLoader对数据集进行批处理的方法
2019/08/06 Python
PIL对上传到Django的图片进行处理并保存的实例
2019/08/07 Python
css3强大的动画效果animate使用说明及浏览器兼容介绍
2013/01/09 HTML / CSS
使用CSS3在触屏上为按钮实现激活效果
2013/09/27 HTML / CSS
美国内衣品牌:Leonisa
2016/08/14 全球购物
游戏商店:Eneba
2020/04/25 全球购物
小学生检讨书大全
2014/02/06 职场文书
班主任经验交流会主持词
2014/04/01 职场文书
教师批评与自我批评
2014/10/15 职场文书
小学班主任心得体会
2016/01/07 职场文书
2016暑期师德培训心得体会
2016/01/09 职场文书
残联2016年全国助残日活动总结
2016/04/01 职场文书
Python re.sub 反向引用的实现
2021/07/07 Python
vue使用Google Recaptcha验证的实现示例
2021/08/23 Vue.js
解析python中的jsonpath 提取器
2022/01/18 Python