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

2014-03-26 49

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

基于Jquery的跨域传输数据(JSONP)
Mar 10 43
详解javascript实现自定义事件
Jan 19 39
高效利用Angular中内置服务$http、$location等
Mar 22 115
Vue+axios 实现http拦截及路由拦截实例
Apr 25 53
详解Vue组件之间的数据通信实例
Jun 17 47
浅谈Angular6的服务和依赖注入
Jun 27 45
vue + typescript + video.js实现 流媒体播放 视频监控功能
Jul 07 60
手机访问当前页面