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 相关文章推荐
JavaScript Event学习第九章 鼠标事件
Feb 08 Javascript
解决iframe的frameborder在chrome/ff/ie下的差异
Aug 12 Javascript
javascript实现yield的方法
Nov 06 Javascript
javascript结合ajax读取txt文件内容
Dec 05 Javascript
jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
Dec 23 Javascript
设计模式中的组合模式在JavaScript程序构建中的使用
May 18 Javascript
jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
Dec 26 Javascript
JS实现的表头列头固定页面功能示例
Jan 10 Javascript
Javascript中toFixed计算错误(依赖银行家舍入法的缺陷)解决方法
Aug 22 Javascript
vue+SSM实现验证码功能
Dec 07 Javascript
详解vue v-model
Aug 31 Javascript
JS创建或填充任意长度数组的小技巧汇总
Oct 24 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实现文件安全下载
2006/10/09 PHP
php连接微软MSSQL(sql server)完全攻略
2016/11/27 PHP
Thinkphp开发--集成极光推送
2017/09/15 PHP
PHP开发api接口安全验证操作实例详解
2020/03/26 PHP
在网页中控制wmplayer播放器
2006/07/01 Javascript
JQuery触发radio或checkbox的change事件
2012/12/18 Javascript
JavaScript原生对象之String对象的属性和方法详解
2015/03/13 Javascript
浅谈javascript事件取消和阻止冒泡
2015/05/26 Javascript
jQuery中$.extend()用法实例
2015/06/24 Javascript
Bootstrap3.0学习教程之JS折叠插件
2016/05/27 Javascript
js智能获取浏览器版本UA信息的方法
2016/08/08 Javascript
微信小程序(三):网络请求
2017/01/13 Javascript
Angular4学习笔记之新建项目的方法
2017/07/18 Javascript
jQuery Layer弹出层传值到父页面的实现代码
2017/08/17 jQuery
vue遍历生成的输入框 绑定及修改值示例
2019/10/30 Javascript
Python使用Socket(Https)Post登录百度的实现代码
2012/05/18 Python
Python实现注册登录系统
2017/08/08 Python
python使用pandas实现数据分割实例代码
2018/01/25 Python
利用Python yagmail三行代码实现发送邮件
2018/05/11 Python
Python Django 前后端分离 API的方法
2019/08/28 Python
pytest中文文档之编写断言
2019/09/12 Python
Python使用Opencv实现图像特征检测与匹配的方法
2019/10/30 Python
python numpy 矩阵堆叠实例
2020/01/17 Python
用Python生成HTML表格的方法示例
2020/03/06 Python
使用python无账号无限制获取企查查信息的实例代码
2020/04/17 Python
JD Sports马来西亚:英国领先的运动鞋和运动服饰零售商
2018/03/13 全球购物
C语言50道问题
2014/10/23 面试题
人力资源管理专业毕业生推荐信
2013/11/07 职场文书
投标单位介绍信
2014/01/09 职场文书
高中英语教学反思
2014/02/04 职场文书
诚实守信道德模范事迹材料
2014/08/15 职场文书
实习协议书
2015/01/27 职场文书
简单的辞职信怎么写
2015/02/28 职场文书
辞职信范文大全
2015/03/02 职场文书
python实现高效的遗传算法
2021/04/07 Python
Oracle中DBLink的详细介绍
2022/04/29 Oracle