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 相关文章推荐
页面只有一个text的时候,回车自动submit的解决方法
Aug 12 Javascript
javascript实用小函数使用介绍
Nov 11 Javascript
从JQuery源码分析JavaScript函数的apply方法与call方法
Sep 25 Javascript
Javascript显示和隐藏ul列表的方法
Jul 15 Javascript
javascript下拉列表中显示树形菜单的实现方法
Nov 17 Javascript
jquery获取select选中值的方法分析
Dec 22 Javascript
gameboy网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点
Feb 21 Javascript
ReactNative踩坑之配置调试端口的解决方法
Jul 28 Javascript
AngularJS中scope的绑定策略实例分析
Oct 30 Javascript
JS实现的类似微信聊天效果示例
Jan 29 Javascript
javascript实现计算器功能
Mar 30 Javascript
vue+Element-ui实现分页效果
Nov 15 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
phpMyAdmin链接MySql错误 个人解决方案
2009/12/28 PHP
php绘制一条直线的方法
2015/01/24 PHP
详细解读php的命名空间(一)
2018/02/21 PHP
js AppendChild与insertBefore用法详细对比
2013/12/16 Javascript
node.js中的http.request.end方法使用说明
2014/12/10 Javascript
原生Ajax 和jQuery Ajax的区别示例分析
2014/12/17 Javascript
jQuery随机密码生成的方法
2015/03/09 Javascript
浅谈javascript中return语句
2015/07/15 Javascript
使用jQuery mobile库检测url绝对地址和相对地址的方法
2015/12/04 Javascript
原生JS实现旋转木马式图片轮播插件
2016/04/25 Javascript
VUE元素的隐藏和显示(v-show指令)
2017/06/23 Javascript
基于Node.js实现压缩和解压缩的方法
2018/02/13 Javascript
Vue的轮播图组件实现方法
2018/03/03 Javascript
vue-router懒加载的3种方式汇总
2021/02/28 Vue.js
python递归计算N!的方法
2015/05/05 Python
Python使用迭代器打印螺旋矩阵的思路及代码示例
2016/07/02 Python
Anaconda多环境多版本python配置操作方法
2017/09/12 Python
致Python初学者 Anaconda入门使用指南完整版
2018/04/05 Python
python判断一个数是否能被另一个整数整除的实例
2018/12/12 Python
python自定义函数实现最大值的输出方法
2019/07/09 Python
pycharm修改file type方式
2019/11/19 Python
Python @property装饰器原理解析
2020/01/22 Python
整理HTML5中支持的URL编码与字符编码
2016/02/23 HTML / CSS
基于HTML5+CSS3实现简单的时钟效果
2017/09/11 HTML / CSS
提供世界各地便宜的机票:Sky-tours
2016/07/21 全球购物
SQL中where和having的区别
2012/06/17 面试题
求∏的近似值,直到最后一项的绝对值小于指定的数
2016/02/12 面试题
师范毕业生自我鉴定
2014/01/15 职场文书
大学班级学风建设方案
2014/05/01 职场文书
文明村镇申报材料
2014/05/06 职场文书
实习推荐信
2014/05/10 职场文书
干部选拔任用方案
2014/05/26 职场文书
理财学专业自荐书
2014/06/28 职场文书
学习焦裕禄先进事迹心得体会
2016/01/23 职场文书
MySQL 全文索引使用指南
2021/05/25 MySQL
python垃圾回收机制原理分析
2022/04/13 Python