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网页关键字高亮代码
Jul 30 Javascript
JavaScript 定义function的三种方式小结
Oct 16 Javascript
javascript动态判断html元素并执行不同的操作
Jun 16 Javascript
Javascript冒泡排序算法详解
Dec 03 Javascript
基于zepto.js实现仿手机QQ空间的大图查看组件ImageView.js详解
Mar 05 Javascript
对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解
Apr 11 Javascript
jQuery 获取遍历获取table中每一个tr中的第一个td的方法
Oct 05 Javascript
JavaScript中的遍历详解(多种遍历)
Apr 07 Javascript
ionic选择多张图片上传的示例代码
Oct 10 Javascript
VUE DOM加载后执行自定义事件的方法
Sep 07 Javascript
从组件封装看Vue的作用域插槽的实现
Feb 12 Javascript
基于vuex实现购物车功能
Jan 10 Vue.js
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实现的简单日历类
2014/11/29 PHP
CI框架实现创建自定义类库的方法
2018/12/25 PHP
JavaScript 提升运行速度之循环篇 译文
2009/08/15 Javascript
弹出层之1:JQuery.Boxy (一) 使用介绍
2011/10/06 Javascript
chrome原生方法之数组
2011/11/30 Javascript
JavaScript 实现类的多种方法实例
2013/05/01 Javascript
JS网页图片按比例自适应缩放实现方法
2014/01/15 Javascript
谈一谈js中的执行环境及作用域
2016/03/30 Javascript
解决jquery无法找到其他父级子集问题的方法
2016/05/10 Javascript
AngularJS实现一次监听多个值发生的变化
2016/08/31 Javascript
基于jquery日历价格、库存等设置插件
2020/07/05 jQuery
在 Node.js 中使用原生 ES 模块方法解析
2017/09/19 Javascript
layui实现动态和静态分页
2018/04/28 Javascript
JavaScript键盘事件常见用法实例分析
2019/01/03 Javascript
JavaScript面向对象中接口实现方法详解
2019/07/24 Javascript
详解webpack的文件监听实现(热更新)
2020/09/11 Javascript
决策树的python实现方法
2014/11/18 Python
Python聚类算法之DBSACN实例分析
2015/11/20 Python
python2.7的编码问题与解决方法
2016/10/04 Python
Python实现Youku视频批量下载功能
2017/03/14 Python
python thrift搭建服务端和客户端测试程序
2018/01/17 Python
Django REST framework内置路由用法
2019/07/26 Python
Python几种常见算法汇总
2020/06/02 Python
Django之腾讯云短信的实现
2020/06/12 Python
联想C++笔试题
2012/06/13 面试题
short s1 = 1; s1 = s1 + 1;有什么错? short s1 = 1; s1 += 1;有什么错?
2014/09/26 面试题
物流仓储计划书
2014/01/10 职场文书
食品委托检验协议书范本
2014/09/12 职场文书
个人先进事迹材料范文
2014/12/29 职场文书
大学生个人学习总结
2015/02/15 职场文书
大学生支教感言
2015/08/01 职场文书
小学生运动会广播
2015/08/19 职场文书
《鲁班学艺》读后感3篇
2019/11/27 职场文书
css3中transform属性实现的4种功能
2021/08/07 HTML / CSS
vue cli4中mockjs在dev环境和build环境的配置详情
2022/04/06 Vue.js
Nginx如何限制IP访问只允许特定域名访问
2022/07/23 Servers