<html>
<head>
</head>
<body>
<p align="center">
<script>
function locking(){
document.all.ly.style.display="block";
document.all.ly.style.width=document.body.clientWidth;
document.all.ly.style.height=document.body.clientHeight;
document.all.Layer2.style.display='block';
}
function Lock_CheckForm(theForm){
if(theForm.P_USERPASS.value==''){alert("错误:请输入你的用户密码!");theForm.P_USERPASS.focus();return false;}
if(theForm.P_USERPASS.value !='123'){alert("错误:密码错误!");theForm.P_USERPASS.value='';theForm.P_USERPASS.focus();return false;}
else{document.all.ly.style.display='none';document.all.Layer2.style.display='none';}
return false;
}
</script>
<img src="http://gg.blueidea.com/2006/chinaok/468x60.gif">
</p>
<p align="center">
<INPUT TYPE="button" value="系统锁定" onclick="locking()">
</p>
<div id="ly" style="position:absolute;top:0px;FILTER: alpha(opacity=30);background-color:#777; z-index:2; left: 0px;display:none;"> </div>
<!-- 浮层框架开始 -->
<div id="Layer2" align="center" style="position:absolute; z-index:3; width: 540; height:170px;left:expression((document.body.offsetWidth-540)/2); top: expression((document.body.offsetHeight-170)/2);background-color:#fff;display:none;" valign="center">
<form method="POST" action="" onsubmit="return Lock_CheckForm(this);">
<TABLE width=540 height=170 border=0 cellpadding=0 cellspacing=0 style="border:0 solid #e7e3e7;border-collapse: collapse">
<TR>
<TD style="background-color:#73A2d6;color:#fff;padding-left:4px;padding-top:2px;font-weight:bold;font-size:14px;" height=27 valign="center">[ 警 告 ]</TD>
</TR>
<TR>
<TD align="center" valign="center">请输入解除锁定密码<p><input type="text" name="P_USERPASS" size="20"></TD>
</TR>
<TR>
<TD height=30 align="center"><INPUT type="submit" value=" 确 定 "></TD>
</TR>
</TABLE>
</form>
</div>
<!-- 浮层框架结束 -->
</body>
</html>
分享到:
相关推荐
弹出层现成代码 博文链接:https://xllily.iteye.com/blog/955776
背景变暗,弹出提示层,含有3种不同的实现方法
jquery弹出层背景变暗 Ajax jquery弹出层背景变暗_Ajax
JQuery实现对话框效果 即弹出对话框背景变暗且不可操作
弹出登录页面,背景变暗 弹出登录页面,背景变暗 弹出登录页面,背景变暗
div+css实现弹出窗口背景变暗效果 div+css实现弹出窗口
带数据div弹出层背景变暗.html DIV弹出层代码,效果很好。方便不换页浏览数据
又一个简洁实用的jquery弹出框插件,可实现弹出提示框、弹出引用其他URL框、弹出确认框,可以设置在屏幕中显示的位置(正中间)、设置弹窗事件、添加窗口...当弹出浮动对话框后,网页背景变暗,弹出层且支持关闭功能。
效果很酷,实用,代码简单易懂,点击用户登陆即可在当前页面上弹出一个登陆框且背景变暗。
jquery 弹出层背景变暗 Lee dialog
NULL 博文链接:https://highping.iteye.com/blog/362231
div在网页中间弹出层并始终在中央,背景颜色变暗
弹出居中DIV窗口,背景逐渐变暗,可以在调用时直接定义窗口的大小
JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码
这里仿网易点击弹出提示,背景变暗提示层效果,圆角,美观简洁,代码稍嫌多。 运行效果如下图所示: 在线演示地址如下: http://demo.jb51.net/js/2015/js-sina-dialog-bgcolor-codes/ 具体代码如下: <html>...
网页特效-窗口特效-弹出窗口后网页背景变暗的效果</title><meta http-equiv=”content-Type” content=”text/html;charset=gb2312″><!–把下面代码加到<head>与</head>之间–><...
网页上div拖拽,弹出div背景变暗 网页上div拖拽,弹出div背景变暗
超级漂亮的弹出层效果,可以控制弹出的位置以及是否背景变暗等效果。
开心网等网站用得都很多的,代码自己稍微美化下吧。 浏览器兼容性蛮好的。