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 Discuz代码中的msn聊天小功能
May 25 Javascript
传递参数的标准方法(jQuery.ajax)
Nov 19 Javascript
jQuery插件jPaginate实现无刷新分页
May 04 Javascript
bootstrap datepicker限定可选时间范围实现方法
Sep 28 Javascript
获取jqGrid中选择的行的数据
Nov 30 Javascript
HTML5实现微信拍摄上传照片功能
Apr 21 Javascript
JS解决position:sticky的兼容性问题的方法
Oct 17 Javascript
node打造微信个人号机器人的方法示例
Apr 26 Javascript
JS中的JSON对象的定义和取值实现代码
May 09 Javascript
Vue路由history模式解决404问题的几种方法
Sep 29 Javascript
Javascript执行流程细节原理解析
May 14 Javascript
Vue为什么要谨慎使用$attrs与$listeners
Aug 27 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乱码问题
2012/03/25 PHP
深入解析Session是否必须依赖Cookie
2013/08/02 PHP
thinkphp数据查询和遍历数组实例
2014/11/28 PHP
PHP获取某个月最大天数(最后一天)的方法
2015/07/29 PHP
javascript模版引擎-tmpl的bug修复与性能优化分析
2011/10/23 Javascript
JavaScript 数组详解
2013/10/10 Javascript
jquery控制背景音乐开关与自动播放提示音的方法
2015/02/06 Javascript
JSON 必知必会 观后记
2016/10/27 Javascript
Vue.2.0.5实现Class 与 Style 绑定的实例
2017/06/20 Javascript
AngularJS 将再发布一个重要版本 然后进入长期支持阶段
2018/01/31 Javascript
Vue中v-show添加表达式的问题(判断是否显示)
2018/03/26 Javascript
karma+webpack搭建vue单元测试环境的方法示例
2018/05/24 Javascript
基于Vue 服务端Cookies删除的问题
2018/09/21 Javascript
聊聊鉴权那些事(推荐)
2019/08/22 Javascript
小程序如何写动态标签的实现方法
2020/02/05 Javascript
vue 需求 data中的数据之间的调用操作
2020/08/05 Javascript
[36:41]完美世界DOTA2联赛循环赛FTD vs Magma第一场 10月30日
2020/10/31 DOTA
如何运行Python程序的方法
2013/04/21 Python
python正则分组的应用
2013/11/10 Python
Python迭代器和生成器定义与用法示例
2018/02/10 Python
python使用插值法画出平滑曲线
2018/12/15 Python
pyqt5 键盘监听按下enter 就登陆的实例
2019/06/25 Python
python从zip中删除指定后缀文件(推荐)
2019/12/05 Python
如何通过python实现人脸识别验证
2020/01/17 Python
python list的index()和find()的实现
2020/11/16 Python
html5中 media(播放器)的api使用指南
2014/12/26 HTML / CSS
HTML5视频播放插件 video.js介绍
2018/09/29 HTML / CSS
Nobody Denim官网:购买高级女士牛仔裤
2021/03/15 全球购物
亿阳信通股份有限公司笔试题(C#)
2016/03/04 面试题
技术经济专业求职信
2014/09/03 职场文书
2015年个人自我剖析材料
2014/12/29 职场文书
仓库统计员岗位职责
2015/04/14 职场文书
2015年村党支部工作总结
2015/04/30 职场文书
学困生帮扶工作总结
2015/08/13 职场文书
Pytorch数据读取之Dataset和DataLoader知识总结
2021/05/23 Python
分享提高 Python 代码的可读性的技巧
2022/03/03 Python