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 相关文章推荐
jQuery 属性选择器element[herf*='value']使用示例
Oct 20 Javascript
解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题
Jan 14 Javascript
js函数参数设置默认值的一种变通实现方法
May 26 Javascript
javascript中Date对象的getDay方法使用指南
Dec 22 Javascript
jquery-mobile基础属性与用法详解
Nov 23 Javascript
React教程之Props验证的具体用法(Props Validation)
Sep 04 Javascript
Vue组件通信之Bus的具体使用
Dec 28 Javascript
webpack项目调试以及独立打包配置文件的方法
Feb 28 Javascript
解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题
Sep 27 Javascript
创建echart多个联动的示例代码
Nov 23 Javascript
vue倒计时刷新页面不会从头开始的解决方法
Mar 03 Javascript
vuex中遇到的坑,vuex数据改变,组件中页面不渲染操作
Nov 16 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面向对象的进阶学习(抽像类、接口、final、类常量)
2012/05/07 PHP
UTF-8正则表达式如何匹配汉字
2015/08/03 PHP
laravel框架创建授权策略实例分析
2019/11/22 PHP
PHP cookie与session会话基本用法实例分析
2019/11/18 PHP
在网站上应该用的30个jQuery插件整理
2011/11/03 Javascript
扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
2011/12/08 Javascript
jquery连缀语法如何实现
2012/11/29 Javascript
Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例
2013/12/08 Javascript
使用javascript实现有效时间的控制,并显示将要过期的时间
2014/01/02 Javascript
JavaScript 模块的循环加载实现方法
2015/12/13 Javascript
javascript结合Flexbox简单实现滑动拼图游戏
2016/02/18 Javascript
微信小程序 picker-view 组件详解及简单实例
2017/01/10 Javascript
jQuery实现元素的插入
2017/02/27 Javascript
ionic中的$ionicPlatform.ready事件中的通用设置
2017/06/11 Javascript
Node.js中的child_process模块详解
2018/06/08 Javascript
vue-cli 引入jQuery,Bootstrap,popper的方法
2018/09/03 jQuery
node中的cookie的具体使用
2018/09/13 Javascript
cocos2dx+lua实现橡皮擦功能
2018/12/20 Javascript
vue 组件销毁并重置的实现
2020/01/13 Javascript
vue 动态组件用法示例小结
2020/03/06 Javascript
[01:35]2014DOTA2西雅图邀请赛 专访狐狸妈青春献给刀塔
2014/07/08 DOTA
[00:32]2018DOTA2亚洲邀请赛VGJ.T出场
2018/04/03 DOTA
[01:12:44]VG vs Mineski Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
python 利用for循环 保存多个图像或者文件的实例
2018/11/09 Python
Python实现E-Mail收集插件实例教程
2019/02/06 Python
Python中*args和**kwargs的区别详解
2019/09/17 Python
python GUI库图形界面开发之PyQt5中QWebEngineView内嵌网页与Python的数据交互传参详细方法实例
2020/02/26 Python
Django Serializer HiddenField隐藏字段实例
2020/03/31 Python
美国最流行的男士时尚网站:Touch of Modern
2018/02/05 全球购物
Javascript如何发送一个Ajax请求
2015/01/26 面试题
商务日语专业毕业生求职信
2013/10/26 职场文书
道路建设实施方案
2014/03/18 职场文书
阳光体育活动总结
2014/04/30 职场文书
股东大会通知
2015/04/24 职场文书
公司文体活动总结
2015/05/07 职场文书
Win11安全功能升级:内置防网络钓鱼功能
2022/04/08 数码科技