您的位置：首页 > Web前端 > JavaScript

弹出小页面/对话框，锁定主页面的JS脚本

2009-09-07 18:32 465 查看

弹出小页面/对话框，锁定主页面的JS脚本

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>test</title>
<script language="JavaScript">
<!--
var lwindow;
function LockWindow() {
var div = document.createElement("DIV");
div.id = "MzLockWindow_" + "_" + new Date().getTime();
with (div.style) {
zIndex = 10000;
top = "0px";
left = "0px";
width = "100%";
height = "100%";
border = "none";
margin = padding = 0;
position = "absolute";
backgroundImage = "url(/d.gif)";
filter = "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)";
backgroundColor = "";
}

document.body.insertBefore(div, document.body.firstChild);
document.getElementById("Layer1").style.visibility = "visible";
return div;
}

function UnlockWindow(obj) {
if (obj) {
document.body.removeChild(obj);
document.getElementById("Layer1").style.visibility = "hidden";

}
}
</script>
</head>
<body >
<form name="form1" method="post" action="">
<table width="200" border="1" align="center" style="vertical-align:middle ">
<tr>
<td>aa</td>
<td>bb</td>
<td>v</td>
</tr>
<tr>
<td>sd</td>
<td>f</td>
<td>d</td>
</tr>
<tr>
<td>dfsd</td>
<td>s</td>
<td>sdf</td>
</tr>
</table>

<div id="Layer1"
style="position: absolute; width: 300px; height: 120px; z-index: 10001; left: expression((body.clientWidth-300)/2);
top: 100px;layer-background-color: red; white; border: 15px none blue;
background-image:url(statusbar.gif);background-repeat:no-repeat ;background-positionX:center;background-positionY:center;background-position:center; visibility: hidden;">
<input type="button" name="Submit" value="解锁"
onClick="UnlockWindow(lwindow);">
</div>

<input type="button" name="Submit" value="锁定"
onClick="lwindow=LockWindow();">
</p>
</form>
</body>
</html>

这段代码是根据网上某位大虾的脚本简化的，用来锁页面的,用得时候将Layer1中的背景图片改下

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航