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 相关文章推荐
StringTemplate遇见jQuery冲突的解决方法
Sep 22 Javascript
PHPExcel中的一些常用方法汇总
Jan 23 Javascript
js的toLowerCase方法用法实例
Jan 27 Javascript
jQuery实现HTML表格单元格的合并功能
Apr 06 Javascript
修改Jquery Dialog 位置的实现方法
Aug 26 Javascript
轻松搞定js表单验证
Oct 13 Javascript
微信开发 js实现tabs选项卡效果
Oct 28 Javascript
网页挂马方式整理及详细介绍
Nov 03 Javascript
微信小程序 页面跳转及数据传递详解
Mar 14 Javascript
深入理解JavaScript 参数按值传递
May 24 Javascript
Vue实现搜索 和新闻列表功能简单范例
Mar 16 Javascript
JavaScript代码异常监控实现过程详解
Feb 17 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
用Socket发送电子邮件(利用需要验证的SMTP服务器)
2006/10/09 PHP
定制404错误页面,并发信给管理员的程序
2006/10/09 PHP
php用户注册页面利用js进行表单验证具体实例
2013/10/17 PHP
php面象对象数据库操作类实例
2014/12/02 PHP
PHP 5.3和PHP 5.4出现FastCGI Error解决方法
2015/02/12 PHP
Yii使用技巧大汇总
2015/12/29 PHP
thinkphp3.2点击刷新生成验证码
2016/02/16 PHP
php ajax异步读取rss文档数据
2016/03/29 PHP
jQuery:节点(插入,复制,替换,删除)操作
2013/03/04 Javascript
jqGrid随窗口大小变化自适应大小的示例代码
2013/12/28 Javascript
jQuery事件绑定用法详解(附bind和live的区别)
2016/01/19 Javascript
Adapter适配器模式在JavaScript设计模式编程中的运用分析
2016/05/18 Javascript
利用JQuery实现datatables插件的增加和删除行功能
2017/01/06 Javascript
微信小程序 devtool隐藏的秘密
2017/01/21 Javascript
JS使用cookie实现只出现一次的广告代码效果
2017/04/22 Javascript
React Native仿美团下拉菜单的实例代码
2017/08/08 Javascript
js原生方法被覆盖,从新赋值原生的方法
2018/01/02 Javascript
JavaScript惰性求值的一种实现方法示例
2019/01/11 Javascript
Vue实现拖放排序功能的实例代码
2019/07/08 Javascript
20多个小事例带你重温ES10新特性(小结)
2019/09/29 Javascript
Vue如何实现验证码输入交互
2020/12/07 Vue.js
Python实现的数据结构与算法之基本搜索详解
2015/04/22 Python
python实现将excel文件转化成CSV格式
2018/03/22 Python
解决Python3中的中文字符编码的问题
2018/07/18 Python
详解将Django部署到Centos7全攻略
2018/09/26 Python
python智联招聘爬虫并导入到excel代码实例
2019/09/09 Python
Python爬虫实现的根据分类爬取豆瓣电影信息功能示例
2019/09/15 Python
Python用requests库爬取返回为空的解决办法
2021/02/21 Python
DNA基因检测和分析:23andMe
2019/05/01 全球购物
给酒店员工的表扬信
2014/01/11 职场文书
二手房购房意向书范本
2014/04/01 职场文书
2014年客户经理工作总结
2014/11/20 职场文书
写景作文评语集锦
2014/12/25 职场文书
2015年安全生产管理工作总结
2015/05/25 职场文书
新郎父母婚礼致辞
2015/07/27 职场文书
Python学习之os包使用教程详解
2022/03/21 Python