jquery做的一个简单的屏幕锁定提示框
jquery做的一个简单的屏幕锁定提示框
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:无标题文档$(document).ready(function(){$('a').click(function(){var...

复制代码 代码如下:

<!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="http://www.jb51.netjs/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教程学习
编程开发子分类