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计算精度问题小结
Apr 22 Javascript
Javascript简单实现面向对象编程继承实例代码
Nov 27 Javascript
js实现文字闪烁特效的方法
Dec 17 Javascript
基于JavaScript实现弹出框效果
Feb 19 Javascript
关于JS变量和作用域详解
Jul 28 Javascript
[原创]javascript typeof id==='string'?document.getElementById(id):id解释
Nov 02 Javascript
javascript自执行函数
Feb 10 Javascript
jquery平滑滚动到顶部插件使用详解
May 08 jQuery
Javascript实现倒计时时差效果
May 18 Javascript
vue使用Font Awesome的方法步骤
Feb 26 Javascript
微信小程序实现星级评价
Nov 20 Javascript
一道JS算法面试题——冒泡、选择排序
Apr 21 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微信公众平台开发类实例
2015/04/01 PHP
php实现数组中索引关联数据转换成json对象的方法
2015/07/08 PHP
Symfony2学习笔记之控制器用法详解
2016/03/17 PHP
浅谈PHP正则中的捕获组与非捕获组
2016/07/18 PHP
超强多功能php绿色集成环境详解
2017/01/25 PHP
在视频前插入广告
2006/11/20 Javascript
Js 获取当前日期时间及其它操作实现代码
2021/03/04 Javascript
JS定义回车事件(实现代码)
2013/07/08 Javascript
JQuery中使用.each()遍历元素学习笔记
2014/11/08 Javascript
JavaScript设置body高度为浏览器高度的方法
2015/02/09 Javascript
jQuery实现仿QQ在线客服效果的滚动层代码
2015/10/15 Javascript
详解Angular路由 ng-route和ui-router的区别
2017/05/22 Javascript
Vue实现动态显示textarea剩余字数
2017/05/22 Javascript
详解如何使用webpack打包Vue工程
2017/05/27 Javascript
JS设置手机验证码60s等待实现代码
2017/06/14 Javascript
JavaScript禁用右键单击优缺点分析
2019/01/20 Javascript
vuejs移动端实现div拖拽移动
2019/07/25 Javascript
[02:00]DAC2018主宣传片——龙征四海,剑问东方
2018/03/20 DOTA
Python中用pycurl监控http响应时间脚本分享
2015/02/02 Python
python如何实现远程控制电脑(结合微信)
2015/12/21 Python
Scrapy的简单使用教程
2017/10/24 Python
python爬虫爬取淘宝商品信息(selenum+phontomjs)
2018/02/24 Python
使用Python制作简单的小程序IP查看器功能
2019/04/16 Python
在python tkinter中Canvas实现进度条显示的方法
2019/06/14 Python
PyTorch实现更新部分网络,其他不更新
2019/12/31 Python
python属于哪种语言
2020/08/16 Python
python中的插入排序的简单用法
2021/01/19 Python
CSS3中的@keyframes关键帧动画的选择器绑定
2016/06/13 HTML / CSS
英国团购网站:Groupon英国
2017/11/28 全球购物
销售人员中英文自荐信
2013/09/22 职场文书
学生违反校规检讨书
2014/10/28 职场文书
索赔员岗位职责
2015/02/15 职场文书
新年晚会主持词开场白
2015/05/28 职场文书
党支部对转正的意见
2015/06/02 职场文书
革命电影观后感
2015/06/18 职场文书
canvas多重阴影发光效果实现
2021/04/20 Javascript