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 相关文章推荐
一个js实现的所谓的滑动门
May 23 Javascript
基于javascript实现页面加载loading效果
Sep 15 Javascript
详解jQuery选择器
Dec 21 Javascript
Javascript创建类和对象详解
May 31 Javascript
通过命令行生成vue项目框架的方法
Jul 12 Javascript
elemetUi 组件--el-upload实现上传Excel文件的实例
Oct 27 Javascript
Vuex 单状态库与多模块状态库详解
Dec 11 Javascript
Vue-CLI项目中路由传参的方式详解
Sep 01 Javascript
Vue利用Blob下载原生二进制数组文件
Sep 25 Javascript
vue+springboot图片上传和显示的示例代码
Feb 14 Javascript
微信小程序图片右边加两行文字的代码
Apr 23 Javascript
webpack5 联邦模块介绍详解
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通过文件头检测文件类型通用代码类(zip,rar等)
2010/10/19 PHP
PHP命令行脚本接收传入参数的三种方式
2014/08/20 PHP
PHP中Socket连接及读写数据超时问题分析
2016/07/19 PHP
PHP实践教程之过滤、验证、转义与密码详解
2017/07/24 PHP
php swoft框架实例用法
2020/12/22 PHP
js使用DOM操作实现简单留言板的方法
2015/04/10 Javascript
javascript+html5实现绘制圆环的方法
2015/07/28 Javascript
javascript实现对表格元素进行排序操作
2015/11/18 Javascript
javascript 实现动态侧边栏实例详解
2016/11/11 Javascript
利用JavaScript在网页实现八数码启发式A*算法动画效果
2017/04/16 Javascript
JS检测window.open打开的窗口是否关闭
2017/06/25 Javascript
基于jquery实现多级菜单效果
2017/07/25 jQuery
对node.js中render和send的用法详解
2018/05/14 Javascript
Vue-Quill-Editor富文本编辑器的使用教程
2018/09/21 Javascript
通过JQuery,JQueryUI和Jsplumb实现拖拽模块
2019/06/18 jQuery
vue 输入电话号码自动按3-4-4分割功能的实现代码
2020/04/30 Javascript
[01:52]DOTA2完美大师赛Vega战队趣味视频——kpii老师小课堂
2017/11/25 DOTA
python实现的一个p2p文件传输实例
2014/06/04 Python
python3制作捧腹网段子页爬虫
2017/02/12 Python
Python实现定时备份mysql数据库并把备份数据库邮件发送
2018/03/08 Python
在django view中给form传入参数的例子
2019/07/19 Python
在Python3 numpy中mean和average的区别详解
2019/08/24 Python
pytorch随机采样操作SubsetRandomSampler()
2020/07/07 Python
Python根据URL地址下载文件并保存至对应目录的实现
2020/11/15 Python
CSS3动画和HTML5新特性详解
2020/08/31 HTML / CSS
瑞贝卡·泰勒官方网站:Rebecca Taylor
2016/09/24 全球购物
Harrods美国:英国最大的百货公司
2018/11/04 全球购物
运动会四百米广播稿
2014/01/19 职场文书
大学竞选班长演讲稿
2014/04/24 职场文书
基层党员对照检查材料
2014/08/25 职场文书
售后客服个人自我评价
2014/09/14 职场文书
校长师德师风自我剖析材料
2014/09/29 职场文书
平安建设汇报材料
2014/12/29 职场文书
商务邀请函
2015/01/30 职场文书
js中Map和Set的用法及区别实例详解
2022/02/15 Javascript
使用Canvas绘制一个游戏人物属性图
2022/03/25 Javascript