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操作XML实例代码(获取新闻标题并分页,并分页)
May 25 Javascript
JQuery入门——事件切换之hover()方法应用介绍
Feb 05 Javascript
使用JS取得焦点(focus)元素代码
Mar 22 Javascript
jQuery实现的调整表格行tr上下顺序
Jan 10 Javascript
JavaScript  cookie 跨域访问之广告推广
Apr 20 Javascript
简单谈谈Vue 模板各类数据绑定
Sep 25 Javascript
JavaScript实现二维坐标点排序效果
Jul 18 Javascript
在nginx上部署vue项目(history模式)的方法
Dec 28 Javascript
图片懒加载imgLazyLoading.js使用详解
Sep 15 Javascript
JavaScript字符串处理常见操作方法小结
Nov 15 Javascript
React 实现车牌键盘的示例代码
Dec 20 Javascript
Vue作用域插槽实现方法及作用详解
Jul 08 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构造函数实例讲解
2013/11/13 PHP
PHP date函数常用时间处理方法
2015/05/11 PHP
php源码分析之DZX1.5字符串截断函数cutstr用法
2015/06/17 PHP
PHP实现的限制IP投票程序IP来源分析
2016/05/04 PHP
写自已的js类库需要的核心代码
2012/07/16 Javascript
关于JS中的闭包浅谈
2013/08/23 Javascript
javascript与jquery中跳出循环的区别总结
2013/11/04 Javascript
Extjs grid panel自带滚动条失效的解决方法
2014/09/11 Javascript
推荐10个2014年最佳的jQuery视频插件
2014/11/12 Javascript
果断收藏9个Javascript代码高亮脚本
2016/01/06 Javascript
Bootstrap布局组件应用实例讲解
2016/02/17 Javascript
jquery实现全选功能效果的实现代码
2016/05/05 Javascript
jquery实现垂直和水平菜单导航栏
2020/08/27 Javascript
利用JS实现页面删除并重新排序功能
2016/12/09 Javascript
从零学习node.js之利用express搭建简易论坛(七)
2017/02/25 Javascript
jQuery修改DOM结构_动力节点Java学院整理
2017/07/05 jQuery
Js自定义多选框效果的实例代码
2017/07/05 Javascript
基于twbsPagination.js分页插件使用心得(分享)
2017/10/21 Javascript
Angular事件之不同组件间传递数据的方法
2018/11/15 Javascript
js作用域和作用域链及预解析
2019/04/11 Javascript
nodejs读取图片返回给浏览器显示
2019/07/25 NodeJs
Centos7 安装Node.js10以上版本的方法步骤
2019/10/15 Javascript
解决vue+webpack项目接口跨域出现的问题
2020/08/10 Javascript
js重写alert事件(避免alert弹框标题出现网址)
2020/12/04 Javascript
[02:41]2015国际邀请赛中国区预选赛观战指南
2015/05/20 DOTA
[01:06:30]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第二场 1月9日
2021/03/11 DOTA
Python深入学习之对象的属性
2014/08/31 Python
Python yield 使用浅析
2015/05/28 Python
python opencv 读取图片 返回图片某像素点的b,g,r值的实现方法
2019/07/03 Python
Pandas-Cookbook 时间戳处理方式
2019/12/07 Python
Python安装tar.gz格式文件方法详解
2020/01/19 Python
python def 定义函数,调用函数方式
2020/06/02 Python
美国第一香水网站:Perfume.com
2017/01/23 全球购物
NIHAOMARKET官方海外旗舰店:意大利你好华人超市
2018/01/27 全球购物
EJB实例的生命周期
2016/10/28 面试题
委托公证书
2014/04/08 职场文书