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 定时器setTimeout无法调用局部变量的解决办法
Nov 28 Javascript
js实现div闪烁原理及实现代码
Jun 24 Javascript
Javascript中的默认参数详解
Oct 22 Javascript
node.js中的http.createServer方法使用说明
Dec 14 Javascript
angularJS 入门基础
Feb 09 Javascript
浅谈JavaScript中的字符编码转换问题
Jul 07 Javascript
JS实现快速的导航下拉菜单动画效果附源码下载
Nov 01 Javascript
Node.js的特点详解
Feb 03 Javascript
简单实现js无缝滚动效果
Feb 05 Javascript
vue.js前后端数据交互之提交数据操作详解
Apr 24 Javascript
vue2.0 获取从http接口中获取数据,组件开发,路由配置方式
Nov 04 Javascript
在JavaScript中查找字符串中最长单词的三种方法(推荐)
Jan 18 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
Smarty模板快速入门
2007/01/04 PHP
php设计模式之工厂方法模式分析【星际争霸游戏案例】
2020/01/23 PHP
TP5框架安全机制实例分析
2020/04/05 PHP
jquery Moblie入门—hello world的示例代码学习
2013/01/08 Javascript
javascript 实现键盘上下左右功能的小例子
2013/09/15 Javascript
js判断元素是否隐藏的方法
2014/06/09 Javascript
javascript简单实现图片预加载
2014/12/03 Javascript
简单介绍JavaScript中字符串创建的基本方法
2015/07/07 Javascript
jquery Easyui快速开发总结
2015/08/20 Javascript
jQuery选择器基础入门教程
2016/05/10 Javascript
基于js中的原型、继承的一些想法
2016/08/10 Javascript
利用JS实现页面删除并重新排序功能
2016/12/09 Javascript
Javascript 使用ajax与C#获取文件大小实例详解
2017/01/13 Javascript
javascript高仿热血传奇游戏实现代码
2018/02/22 Javascript
Vue-cli项目获取本地json文件数据的实例
2018/03/07 Javascript
在vue 中使用 less的教程详解
2018/09/26 Javascript
NodeJs之word文件生成与解析的实现代码
2019/04/01 NodeJs
如何检查一个对象是否为空
2019/04/11 Javascript
修复 Django migration 时遇到的问题解决
2018/06/14 Python
python版飞机大战代码分享
2018/11/20 Python
浅谈django框架集成swagger以及自定义参数问题
2020/07/07 Python
结合CSS3的布局新特征谈谈常见布局方法
2016/01/22 HTML / CSS
使用iframe+postMessage实现页面跨域通信的示例代码
2020/01/14 HTML / CSS
捷克多品牌在线时尚商店:ANSWEAR.cz
2020/10/03 全球购物
客服部工作职责范本
2014/02/14 职场文书
安全例会汇报材料
2014/08/23 职场文书
开业庆典活动策划方案
2014/09/21 职场文书
欢迎家长标语
2014/10/08 职场文书
批评与自我批评发言稿
2014/10/15 职场文书
2014年新农村建设工作总结
2014/12/01 职场文书
2014年党小组工作总结
2014/12/20 职场文书
2015年秋季灭鼠工作总结
2015/07/27 职场文书
Pytorch DataLoader shuffle验证方式
2021/06/02 Python
postgres之jsonb属性的使用操作
2021/06/23 PostgreSQL
SQL Server表分区降低运维和维护成本
2022/04/08 SQL Server
在MySQL中你成功的避开了所有索引
2022/04/20 MySQL