jquery做的一个简单的屏幕锁定提示框

2014-03-26 27

<!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文章

ECMAScript 基础知识
Jun 29 17
JavaScript中对象属性的添加和删除示例
May 12 23
JavaScript实现节点的删除与序号重建实例
Aug 05 23
使用jQuery判断Div是否在可视区域的方法 判断div是否可见
Feb 17 20
Bootstrap基本插件学习笔记之模态对话框(16)
Dec 08 12
微信小程序 本地数据存储实例详解
Apr 13 60
JQuery样式与属性设置方法分析
Dec 07 25
手机访问当前页面