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 相关文章推荐
用函数模板,写一个简单高效的 JSON 查询器的方法介绍
Apr 17 Javascript
js实现的切换面板实例代码
Jun 17 Javascript
js计算两个时间之间天数差的实例代码
Nov 19 Javascript
js无刷新操作table的行和列
Mar 27 Javascript
用js读、写、删除Cookie代码续篇
Dec 03 Javascript
总结JavaScript设计模式编程中的享元模式使用
May 21 Javascript
Javascript中document.referrer隐藏来源的方法
Jan 16 Javascript
AngularJS之页面跳转Route实例代码
Mar 10 Javascript
详解如何将 Vue-cli 改造成支持多页面的 history 模式
Nov 20 Javascript
JavaScript字符串转数字的5种方法及遇到的坑
Jul 16 Javascript
小程序实现列表删除功能
Oct 30 Javascript
JS实现简单的表格增删
Jan 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
把从SQL中取出的数据转化成XMl格式
2006/10/09 PHP
深入解析php之sphinx
2013/05/15 PHP
php中函数前加&amp;符号的作用分解
2014/07/08 PHP
10款实用的PHP开源工具
2015/10/23 PHP
WordPress主题中添加文章列表页页码导航的PHP代码实例
2015/12/22 PHP
PHP中SERIALIZE和JSON的序列化与反序列化操作区别分析
2016/10/11 PHP
JQuery插件开发示例代码
2013/11/06 Javascript
解析Javascript中难以理解的11个问题
2013/12/09 Javascript
深入理解JavaScript系列(44):设计模式之桥接模式详解
2015/03/04 Javascript
JavaScript DOM进阶方法
2015/04/13 Javascript
图解JavaScript中的this关键字
2020/05/28 Javascript
js流动式效果显示当前系统时间
2016/05/16 Javascript
详解为Angular.js内置$http服务添加拦截器的方法
2016/12/20 Javascript
nodejs入门教程五:连接数据库的方法分析
2017/04/24 NodeJs
webpack 代码分离优化快速指北
2019/05/18 Javascript
js实现圆形显示鼠标单击位置
2020/02/11 Javascript
[00:33]2016完美“圣”典风云人物:BurNIng宣传片
2016/12/10 DOTA
Python生成pdf文件的方法
2014/08/04 Python
详解Python中for循环的使用
2015/04/14 Python
python中实现延时回调普通函数示例代码
2017/09/08 Python
pyqt5的QComboBox 使用模板的具体方法
2018/09/06 Python
python模块导入的细节详解
2018/12/10 Python
Python 读取用户指令和格式化打印实现解析
2019/09/02 Python
解决python虚拟环境切换无效的问题
2020/04/30 Python
详解Python中@staticmethod和@classmethod区别及使用示例代码
2020/12/14 Python
利用CSS3的3D效果制作正方体
2020/03/10 HTML / CSS
中国专业的综合网上购物商城:京东
2016/08/02 全球购物
意大利体育用品网上商城:Nencini Sport
2016/08/18 全球购物
世界第一曲奇连锁店:Mrs. Fields Cookies
2017/02/04 全球购物
学术会议主持词
2014/03/17 职场文书
班长竞选演讲稿
2014/04/24 职场文书
二年级班级文化建设方案
2014/05/10 职场文书
2015年行政助理工作总结
2015/04/30 职场文书
订货会主持词
2015/07/01 职场文书
电子表的操作介绍说明书
2019/10/28 职场文书
《遗弃》开发商删推文要跑路?官方回应:还在开发
2022/04/03 其他游戏