您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

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

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 这篇文章主要介绍了使用jquery做的一个简单的屏幕锁定提示框,需要的朋友可以参考下

代码如下: <!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>