展会信息港展会大全

jquery做的一个简单的屏幕锁定提示框
来源:互联网   发布日期:2016-01-26 10:25:44   浏览:1570次  

导读:这篇文章主要介绍了使用jquery做的一个简单的屏幕锁定提示框,需要的朋友可以参考下代码如下:!DOCTYPE html PUBLIC - W3C DTD XHTML 1 0 Transitional EN http: www w3 org TR xhtml1 DTD xhtml1- ...

这篇文章主要介绍了使用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>

赞助本站

人工智能实验室

相关热词: 屏幕锁定 jquery

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港