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的数据类型、字面量、变量介绍
May 23 Javascript
js清理Word格式示例代码
Feb 13 Javascript
jQuery is()函数用法3例
May 06 Javascript
jquery获取节点名称
Apr 26 Javascript
js检测判断日期大于多少天的方法
May 04 Javascript
jQuery对table表格进行增删改查
Dec 22 Javascript
js 两个日期比较相差多少天的实例
Oct 19 Javascript
基于vue2.0动态组件及render详解
Mar 17 Javascript
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
Sep 20 Javascript
JS监听滚动和id自动定位滚动
Dec 18 Javascript
vue cli 3.x 项目部署到 github pages的方法
Apr 17 Javascript
深入了解JS之作用域和闭包
Jun 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中的正规表达式(二)
2006/10/09 PHP
PHP与MongoDB简介|安全|M+PHP应用实例详解
2013/06/17 PHP
PHP实现微信小程序用户授权的工具类示例
2019/03/05 PHP
ExtJS GridPanel 根据条件改变字体颜色
2010/03/08 Javascript
javascript实现div的拖动并调整大小类似qq空间个性编辑模块
2012/12/12 Javascript
javascript实现信息的显示和隐藏如注册页面
2013/12/03 Javascript
IE、FF浏览器下修改标签透明度
2014/01/28 Javascript
javascript实现分栏显示小技巧附图
2014/10/13 Javascript
JavaScript自定义等待wait函数实例分析
2015/03/23 Javascript
Javascript中3个需要注意的运算符
2015/04/02 Javascript
利用原生JS与jQuery实现数字线性变化的动画
2017/02/24 Javascript
HTML5实现微信拍摄上传照片功能
2017/04/21 Javascript
微信小程序实现添加手机联系人功能示例
2017/11/30 Javascript
nodejs简单实现TCP服务器端和客户端的聊天功能示例
2018/01/04 NodeJs
vue.js实现h5机器人聊天(测试版)
2020/07/16 Javascript
Python实现的石头剪子布代码分享
2014/08/22 Python
python爬虫的工作原理
2017/03/05 Python
解决pandas.DataFrame.fillna 填充Nan失败的问题
2018/11/06 Python
python3.5 cv2 获取视频特定帧生成jpg图片
2019/08/28 Python
python实现连续变量最优分箱详解--CART算法
2019/11/22 Python
python3中numpy函数tile的用法详解
2019/12/04 Python
Python configparser模块应用过程解析
2020/08/14 Python
数以千计的折扣工业产品:ESE Direct
2018/05/20 全球购物
倩碧英国官网:Clinique英国
2018/08/10 全球购物
腾讯公司的一个sql题
2013/01/22 面试题
十八届三中全会感言
2014/03/10 职场文书
销售人员求职的自我评价分享
2014/03/15 职场文书
化学专业自荐信
2014/05/28 职场文书
个性与发展自我评价
2015/03/06 职场文书
2015年综治宣传月活动总结
2015/03/25 职场文书
停电调休通知
2015/04/16 职场文书
《自然之道》读后感3篇
2019/12/17 职场文书
利用python Pandas实现批量拆分Excel与合并Excel
2021/05/23 Python
javascript拖曳互换div的位置实现示例
2021/06/28 Javascript
详解NumPy中的线性关系与数据修剪压缩
2022/05/25 Python
解决Vmware虚拟机安装centos8报错“Section %Packages Does Not End With %End. Pane Is Dead”
2022/06/01 Servers