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 相关文章推荐
父子窗体间传递JSON格式的数据的代码
Dec 25 Javascript
移动手机APP手指滑动切换图片特效附源码下载
Nov 30 Javascript
ajax在兼容模式下失效的快速解决方法
Mar 22 Javascript
JS传值出现中文参数乱码的解决方法
Jun 30 Javascript
利用Angular.js限制textarea输入的字数
Oct 20 Javascript
基于SpringMVC+Bootstrap+DataTables实现表格服务端分页、模糊查询
Oct 30 Javascript
解决echarts的多个折现数据出现坐标和值对不上的问题
Dec 28 Javascript
node.js实现带进度条的多文件上传
Mar 27 Javascript
jquery实现点击弹出对话框
Feb 08 jQuery
javascript将扁平的数据转为树形结构的高效率算法
Feb 27 Javascript
node使用async_hooks模块进行请求追踪
Jan 28 Javascript
一文搞懂redux在react中的初步用法
Jun 09 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/06/13 PHP
利用PHP判断是手机移动端还是PC端访问的函数示例
2017/12/14 PHP
微信公众号开发之获取位置信息php代码
2018/06/13 PHP
php use和include区别总结
2019/10/13 PHP
PHP常用函数之根据生日计算年龄功能示例
2019/10/21 PHP
javascript处理表单示例(javascript提交表单)
2014/04/28 Javascript
JS常用表单验证方法总结
2014/05/22 Javascript
zepto中使用swipe.js制作轮播图附swipeUp,swipeDown不起效果问题
2015/08/27 Javascript
全面了解JavaScript的数据类型转换
2016/07/01 Javascript
React组件之间的通信的实例代码
2017/06/27 Javascript
简单明了区分escape、encodeURI和encodeURIComponent
2018/05/26 Javascript
JS学习笔记之原型链和利用原型实现继承详解
2019/05/29 Javascript
ES6小技巧之代替lodash
2019/06/07 Javascript
微信小程序实现手势滑动效果
2019/08/26 Javascript
React实现类似淘宝tab居中切换效果的示例代码
2020/06/02 Javascript
Python中的魔法方法深入理解
2014/07/09 Python
在Linux上安装Python的Flask框架和创建第一个app实例的教程
2015/03/30 Python
在RedHat系Linux上部署Python的Celery框架的教程
2015/04/07 Python
详解Python如何获取列表(List)的中位数
2016/08/12 Python
Python程序员面试题 你必须提前准备!(答案及解析)
2018/01/23 Python
python retrying模块的使用方法详解
2019/09/25 Python
Pycharm和Idea支持的vim插件的方法
2020/02/21 Python
Python递归实现打印多重列表代码
2020/02/27 Python
详解Pycharm安装及Django安装配置指南
2020/09/15 Python
css3的@media属性实现页面响应式布局示例代码
2014/02/10 HTML / CSS
Perricone MD裴礼康美国官网:抗衰老护肤品
2016/09/26 全球购物
英国建筑用品在线:Building Supplies Online(BSO)
2018/04/30 全球购物
保时捷设计:Porsche Design
2019/03/30 全球购物
如何写好升职自荐信
2014/01/06 职场文书
50岁生日感言
2014/01/23 职场文书
酒店开业策划方案
2014/06/02 职场文书
采购部长岗位职责
2014/06/13 职场文书
单位作风建设剖析材料
2014/10/11 职场文书
检讨书1000字
2014/10/11 职场文书
平安建设汇报材料
2014/12/29 职场文书
加强党性修养心得体会
2016/01/21 职场文书