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基本编码模式小结
May 23 Javascript
JavaScript控制两个列表框listbox左右交换数据的方法
Mar 18 Javascript
跟我学习javascript的this关键字
May 28 Javascript
微信公众号-获取用户信息(网页授权获取)实现步骤
Oct 21 Javascript
js数组操作方法总结(必看篇)
Nov 22 Javascript
BetterScroll 在移动端滚动场景的应用
Sep 18 Javascript
SeaJS中use函数用法实例分析
Oct 10 Javascript
JavaScript学习总结(一) ECMAScript、BOM、DOM(核心、浏览器对象模型与文档对象模型)
Jan 07 Javascript
JavaScript设计模式之构造器模式(生成器模式)定义与用法实例分析
Jul 26 Javascript
详解VUE Element-UI多级菜单动态渲染的组件
Apr 25 Javascript
微信小程序分享小程序码的生成(带参数)以及参数的获取
Mar 25 Javascript
vue+render+jsx实现可编辑动态多级表头table的实例代码
Apr 01 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
yii2超好用的日期组件和时间组件
2016/05/05 PHP
CI框架的安全性分析
2016/05/18 PHP
浅谈php fopen下载远程文件的函数
2016/11/18 PHP
Laravel如何实现自动加载类
2019/10/14 PHP
学习JavaScript的最佳方法分享
2011/10/21 Javascript
jQuery之日期选择器的深入解析
2013/06/19 Javascript
jquery实现的随机多彩tag标签随机颜色和字号大小效果
2014/03/27 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件包装
2015/11/20 Javascript
iScroll.js 使用方法参考
2016/05/16 Javascript
JavaScript中this的用法实例分析
2016/12/19 Javascript
微信小程序使用picker实现时间和日期选择框功能【附源码下载】
2017/12/11 Javascript
Vue结合Video.js播放m3u8视频流的方法示例
2018/05/04 Javascript
浅谈vue项目打包优化策略
2018/09/29 Javascript
解决layer.confirm选择完之后消息框不消失的问题
2019/09/16 Javascript
JS实现贪吃蛇游戏
2019/11/15 Javascript
es6中class类静态方法,静态属性,实例属性,实例方法的理解与应用分析
2020/02/15 Javascript
python代码检查工具pylint 让你的python更规范
2012/09/05 Python
一个基于flask的web应用诞生 flask和mysql相连(4)
2017/04/11 Python
Numpy array数据的增、删、改、查实例
2018/06/04 Python
Python进程间通信Queue消息队列用法分析
2019/05/22 Python
python3.4 将16进制转成字符串的实例
2019/06/12 Python
树莓派动作捕捉抓拍存储图像脚本
2019/06/22 Python
Python argparse模块应用实例解析
2019/11/15 Python
对Matlab中共轭、转置和共轭装置的区别说明
2020/05/11 Python
如何基于Python代码实现高精度免费OCR工具
2020/06/18 Python
Python实现像awk一样分割字符串
2020/09/15 Python
css3中less实现文字长阴影(long shadow)
2020/04/24 HTML / CSS
借助HTML5 Canvas来绘制三角形和矩形等多边形的方法
2016/03/14 HTML / CSS
世界领先的高品质定制产品平台:Zazzle
2017/07/23 全球购物
英国领先的在线旅游和休闲零售商:lastminute.com
2019/01/23 全球购物
Java软件工程师综合面试题笔试题
2013/09/08 面试题
大学四年个人自我小结
2014/03/05 职场文书
教师新年寄语
2014/04/03 职场文书
影子教师研修方案
2014/06/14 职场文书
2014年高中班主任工作总结
2014/11/08 职场文书
严以律己专题学习研讨会发言材料
2015/11/09 职场文书