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 相关文章推荐
让你的CSS像Jquery一样做筛选的实现方法
Jul 10 Javascript
JS实现仿京东淘宝竖排二级导航
Dec 08 Javascript
浅析jQuery事件之on()方法绑定多个选择器,多个事件
Apr 27 Javascript
jQuery插件HighCharts绘制2D半圆环图效果示例【附demo源码下载】
Mar 09 Javascript
轻松理解JavaScript闭包
Mar 14 Javascript
JS实现的四级密码强度检测功能示例
May 11 Javascript
Vue 2.5 Level E 发布了: 新功能特性一览
Oct 24 Javascript
利用Vue2.x开发实现JSON树的方法
Jan 04 Javascript
利用angular、react和vue实现相同的面试题组件
Feb 19 Javascript
js String.prototype.trim字符去前后空格的扩展
Aug 23 Javascript
小程序实现背景音乐播放和暂停
Jun 19 Javascript
二维码条形码生成的JavaScript脚本库
Jul 07 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』PHP截断函数mb_substr()使用介绍
2013/04/22 PHP
解析thinkphp中的导入文件标签
2013/06/20 PHP
浅析php面向对象public private protected 访问修饰符
2013/06/30 PHP
php数组排序usort、uksort与sort函数用法
2014/11/17 PHP
php实现数组中索引关联数据转换成json对象的方法
2015/07/08 PHP
php开发工具有哪五款
2015/11/09 PHP
php pdo oracle中文乱码的快速解决方法
2016/05/16 PHP
php curl常用的5个经典例子
2017/01/20 PHP
PHP dirname简单使用代码实例
2020/11/13 PHP
HTML-CSS群中单选引发的“事件”
2007/03/05 Javascript
jQuery 获取URL的GET参数值的小例子
2013/04/18 Javascript
吐槽一下我所了解的Node.js
2014/10/08 Javascript
深入解析AngularJS框架中$scope的作用与生命周期
2016/03/05 Javascript
JavaScript中String对象的方法介绍
2017/01/04 Javascript
利用jQuery实现滑动开关按钮效果(附demo源码下载)
2017/02/07 Javascript
gulp教程_从入门到项目中快速上手使用方法
2017/09/14 Javascript
layerUI下的绑定事件实例代码
2018/08/17 Javascript
vue中promise的使用及异步请求数据的方法
2018/11/08 Javascript
关于JSON解析的实现过程解析
2019/10/08 Javascript
vue实现Input输入框模糊查询方法
2021/01/29 Javascript
python局部赋值的规则
2013/03/07 Python
python比较两个列表大小的方法
2015/07/11 Python
Python温度转换实例分析
2018/01/17 Python
python 实现将Numpy数组保存为图像
2020/01/09 Python
谈谈Python:为什么类中的私有属性可以在外部赋值并访问
2020/03/05 Python
无需压缩软件,用python帮你操作压缩包
2020/08/17 Python
聊聊python中的异常嵌套
2020/09/01 Python
纯CSS实现预加载动画效果
2017/09/06 HTML / CSS
加拿大知名的国际儿童品牌:Hatley
2016/11/09 全球购物
美国最大的存储市场:SpareFoot
2018/07/23 全球购物
How TDD works
2012/09/30 面试题
《小草和大树》教学反思
2014/02/16 职场文书
商场租赁意向书
2014/07/30 职场文书
试用期转正后的自我评价
2014/09/21 职场文书
2016形势与政策学习心得体会
2016/01/12 职场文书
基于Redis zSet实现滑动窗口对短信进行防刷限流的问题
2022/02/12 Redis