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 返回时间戳所对应的具体时间
Jul 20 Javascript
javascript学习笔记(二) js一些基本概念
Jun 18 Javascript
探讨javascript是不是面向对象的语言
Nov 21 Javascript
我的Node.js学习之路(一)
Jul 06 Javascript
纯JS实现本地图片预览的方法
Jul 31 Javascript
jquery动态切换背景图片的简单实现方法
May 14 Javascript
jquery实现多次上传同一张图片
Jan 09 Javascript
详解vue与后端数据交互(ajax):vue-resource
Mar 16 Javascript
JS中使用正则表达式g模式和非g模式的区别
Apr 01 Javascript
详解vue数据渲染出现闪烁问题
Jun 29 Javascript
Vue组件中slot的用法
Jan 30 Javascript
基于Angular中ng-controller父子级嵌套的相关属性详解
Oct 08 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中判断一个请求是ajax请求还是普通请求的方法
2011/06/28 PHP
php5.3以后的版本连接sqlserver2000的方法
2014/07/28 PHP
浅谈PHP正则表达式中修饰符/i, /is, /s, /isU
2014/10/21 PHP
PHP二维数组排序简单实现方法
2016/02/14 PHP
PHP基于堆栈实现的高级计算器功能示例
2017/09/15 PHP
php高清晰度无损图片压缩功能的实现代码
2018/12/09 PHP
对php 判断http还是https,以及获得当前url的方法详解
2019/01/15 PHP
实例说明为什么不要行内使用javascript
2014/04/18 Javascript
浅谈jQuery中的事件
2015/03/23 Javascript
详解JavaScript中getFullYear()方法的使用
2015/06/10 Javascript
Javascript打印局部页面实例
2016/06/21 Javascript
微信小程序商城项目之商品属性分类(4)
2017/04/17 Javascript
详解使用Typescript开发node.js项目(简单的环境配置)
2017/10/09 Javascript
IE11下使用canvas.toDataURL报SecurityError错误的解决方法
2017/11/19 Javascript
从零开始搭建vue移动端项目到上线的步骤
2018/10/15 Javascript
详解vue-cli+element-ui树形表格(多级表格折腾小计)
2019/04/17 Javascript
解决layui数据表格Date日期格式的回显Object的问题
2019/09/19 Javascript
使用webpack/gulp构建TypeScript项目的方法示例
2019/12/18 Javascript
跟老齐学Python之有容乃大的list(1)
2014/09/14 Python
用Python登录Gmail并发送Gmail邮件的教程
2015/04/17 Python
全面理解Python中self的用法
2016/06/04 Python
基于Python实现的微信好友数据分析
2018/02/26 Python
对pandas中Series的map函数详解
2018/07/25 Python
Pytorch加载部分预训练模型的参数实例
2019/08/18 Python
用Python解数独的方法示例
2019/10/24 Python
Pycharm插件(Grep Console)自定义规则输出颜色日志的方法
2020/05/27 Python
让IE下支持Html5的placeholder属性的插件
2014/09/02 HTML / CSS
日本热销NO.1胶原蛋白冻:Aishitoto爱希特多
2019/06/20 全球购物
linux系统都有哪些运行级别
2016/03/26 面试题
如何执行一个shell程序
2012/11/23 面试题
先进党支部事迹材料
2014/01/13 职场文书
护校行动方案
2014/05/31 职场文书
做一个有道德的人活动实施方案
2014/08/23 职场文书
莫言诺贝尔获奖感言(全文)
2015/07/31 职场文书
2015年幼师个人工作总结
2015/10/15 职场文书
MongoDB修改oplog大小的四种方法
2022/04/11 MongoDB