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 相关文章推荐
JQuery上传插件Uploadify使用详解及错误处理
Apr 27 Javascript
html中的input标签的checked属性jquery判断代码
Sep 19 Javascript
jQuery性能优化28条建议你值得借鉴
Feb 16 Javascript
浏览器打开层自动缓慢展开收缩实例代码
Jul 04 Javascript
javascript对话框使用方法(警告框 javascript确认框 提示框)
Jan 07 Javascript
JavaScript中使用document.write向页面输出内容实例
Oct 16 Javascript
jquery select2的使用心得(推荐)
Dec 04 Javascript
Vue 2.x教程之基础API
Mar 06 Javascript
vue中使用cropperjs的方法
Mar 01 Javascript
jQuery选择器之层次选择器用法实例分析
Feb 19 jQuery
解决layui下拉框监听问题(监听不到值的变化)
Sep 28 Javascript
构建大型 Vue.js 项目的10条建议(小结)
Nov 14 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
Zend Studio 实用快捷键一览表(精心整理)
2013/08/10 PHP
YII中assets的使用示例
2014/07/31 PHP
启用Csrf后POST数据时出现的400错误
2015/07/05 PHP
php preg_match的匹配不同国家语言实例
2016/12/29 PHP
浅谈php中变量的数据类型判断函数
2017/03/04 PHP
PHP设计模式之模板模式定义与用法详解
2018/12/20 PHP
php使用gearman进行任务分发操作实例详解
2020/02/26 PHP
TP5框架实现上传多张图片的方法分析
2020/03/29 PHP
Firefox中autocomplete=&quot;off&quot; 设置不起作用Bug的解决方法
2011/03/25 Javascript
javascript根据像素点取位置示例
2014/01/27 Javascript
jQuery.position()方法获取不到值的安全替换方法
2015/03/13 Javascript
Fullpage.js固定导航栏-实现定位导航栏
2016/03/17 Javascript
javascript实现平滑无缝滚动
2020/08/09 Javascript
json定义及jquery操作json的方法
2016/09/29 Javascript
基于jQuery实现简单人工智能聊天室
2017/02/10 Javascript
详解webpack自动生成html页面
2017/06/29 Javascript
JS获取填报扩展单元格控件的值的解决办法
2017/07/14 Javascript
详解puppeteer使用代理
2018/12/27 Javascript
Vue项目从webpack3.x升级webpack4不完全指南
2019/04/28 Javascript
JS获取本地地址及天气的方法实例小结
2019/05/10 Javascript
vue获取form表单的值示例
2019/10/29 Javascript
Vue路由对象属性 .meta $route.matched详解
2019/11/04 Javascript
js实现淘宝首页的banner栏效果
2019/11/26 Javascript
Scrapy爬虫实例讲解_校花网
2017/10/23 Python
用python写扫雷游戏实例代码分享
2018/05/27 Python
Python3实现统计单词表中每个字母出现频率的方法示例
2019/01/28 Python
Python实现括号匹配方法详解
2020/02/10 Python
Python self用法详解
2020/11/28 Python
css3一款3D字体带阴影效果的实现步骤
2013/03/20 HTML / CSS
Gina Bacconi官网:吉娜贝康尼连衣裙和礼服
2018/04/24 全球购物
"火柴棍式"程序员面试题
2014/03/16 面试题
几个数据库方面的面试题
2016/07/01 面试题
大学生入党推荐书范文
2014/05/17 职场文书
田径运动会通讯稿
2015/07/18 职场文书
写自招自荐信的绝招!
2019/04/19 职场文书
基于redis+lua进行限流的方法
2022/07/23 Redis