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实现动态增加删除表格行(兼容IE/FF)
Apr 02 Javascript
JavaScript Event学习第四章 传统的事件注册模型
Feb 07 Javascript
为原生js Array增加each方法
Apr 07 Javascript
JavaScript实现QueryString获取GET参数的方法
Jul 02 Javascript
jquery导航制件jquery鼠标经过变色效果示例
Dec 05 Javascript
使用不同的方法结合/合并两个JS数组
Sep 18 Javascript
javascript中Math.random()使用详解
Apr 15 Javascript
五种js判断是否为整数类型方式
Dec 03 Javascript
jquery ajax局部加载方法详解(实现代码)
May 12 Javascript
Angular多选、全选、批量选择操作实例代码
Mar 10 Javascript
Angular动态添加、删除输入框并计算值实例代码
Mar 29 Javascript
JQuery模拟实现网页中自定义鼠标右键菜单功能
Nov 14 jQuery
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/12/05 PHP
php5.2的curl-bug 服务器被php进程卡死问题排查
2016/09/19 PHP
PHP中list方法用法示例
2016/12/01 PHP
Javascript 布尔型分析
2008/12/22 Javascript
Array的push与unshift方法性能比较分析
2011/03/05 Javascript
javascript 原型继承介绍
2011/08/30 Javascript
JavaScript中判断对象类型的几种方法总结
2013/11/11 Javascript
js加入收藏以及使用Jquery更改透明度
2014/01/26 Javascript
了不起的node.js读书笔记之node的学习总结
2014/12/22 Javascript
JS设置下拉列表框当前所选值的方法
2015/12/22 Javascript
详解maxlength属性在textarea里奇怪的表现
2015/12/27 Javascript
jQuery点击其他地方时菜单消失的实现方法
2016/04/22 Javascript
关于JS中setTimeout()无法调用带参函数问题的解决方法
2016/06/21 Javascript
全面了解函数声明与函数表达式、变量提升
2016/08/09 Javascript
JS 获取HTML标签内的子节点的方法
2016/09/21 Javascript
JavaScript 随机验证码的生成实例代码
2016/09/22 Javascript
AngularJS深入探讨scope,继承结构,事件系统和生命周期
2016/11/02 Javascript
微信小程序 解析网页内容详解及实例
2017/02/22 Javascript
详解puppeteer使用代理
2018/12/27 Javascript
vue中获取滚动table的可视页面宽度调整表头与列对齐(每列宽度不都相同)
2019/08/17 Javascript
swiper实现异形轮播效果
2019/11/28 Javascript
vue中提示$index is not defined错误的解决方式
2020/09/02 Javascript
[38:32]DOTA2上海特级锦标赛A组资格赛#2 Secret VS EHOME第二局
2016/02/26 DOTA
[13:55]Newbee vs Team Spirit
2018/06/07 DOTA
用Python进行基础的函数式编程的教程
2015/03/31 Python
python实现的希尔排序算法实例
2015/07/01 Python
Python面向对象中类(class)的简单理解与用法分析
2020/02/21 Python
Python实现简单猜数字游戏
2021/02/03 Python
HTML5不支持frameset的两种解决方法
2016/11/14 HTML / CSS
澳大利亚领先的睡衣品牌:Peter Alexander
2016/08/16 全球购物
波兰最早的运动鞋精品店之一:Street Supply
2019/08/29 全球购物
关于中国梦的演讲稿
2014/04/23 职场文书
对照四风自我剖析材料
2014/10/07 职场文书
2015年防汛工作总结
2015/05/15 职场文书
Go语言读取txt文档的操作方法
2022/01/22 Golang
JS前端可视化canvas动画原理及其推导实现
2022/08/05 Javascript