<html>
<head>
<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){
document.all.ly.style.display='none';document.all.Layer2.style.display='none';
return false;
}
</script>
</head>
<body>
<p align="center">
<input type="button" value="系统锁定" onclick="locking()">
</p>
<div id="ly" style="position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #777;
z-index: 2; left: 0px; display: none;">
</div>
<!-- 弹出层开始 -->
<div id="Layer2" align="center" style="position: absolute; z-index: 3; left: expression((document.body.offsetWidth-540)/2); top: expression((document.body.offsetHeight-170)/2);
background-color: #fff; display: none;" >
<table width="540" 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="middle">
[ 警 告 ]
</td>
</tr>
<tr>
<td height="130" align="center">123456789
<input type="button" value=" 确定 " onclick="Lock_CheckForm(this);">
</td>
</tr>
</table>
</div>
<!-- 弹出层结束 -->
</body>
</html>
分享到:
相关推荐
实用div实现的弹出层菜单,带遮盖层,简单实用
利用div+css制作弹出层并遮罩层,主用用了两个div,一个div用于弹出框,另一个则遮罩整个页面
div通过js实现类似alter的弹出层。
2.width height弹出框的长宽 默认500 300 3.scrolling弹出框是否有滚动条 可选值 auto no yes 默认auto 4.titleColor 弹出框title背景颜色 默认#7093DB 5.title 弹出框名称 6.弹出框url 7.弹出框是否可拖动 true or ...
JS做的隐藏与显示DIV可拖动弹出层实例代码 学习参考
在页面加载后或者点击页面的某个链接时弹出一个div层,同时页面的其他地方会变灰
div+css实现的点击弹出层的效果。兼容谷歌,火狐,IE6以上等浏览器
DIV弹出层并锁屏 DIV弹出层并锁屏 DIV弹出层并锁屏
带有弹出层的模拟窗口(窗体)Div实现 源码 js 带有弹出层的模拟窗口(窗体)Div实现 源码 js 带有弹出层的模拟窗口(窗体)Div实现 源码 js
js+CSS实现弹出居中背景半透明div层的方法.docx
选项比较多时用select不太方便。所以我自己写了一个div弹出层实现单选,体验比select好点 代码简单,易懂。下载不许=须更改可以直接运行
带有弹出层的模拟窗口 (窗体)Div实现 源码
div+css设计的弹出层,实现弹出层随鼠标的点击拖拽,可以在窗体内随意移动。
自己制作的DIV模态窗口,点击弹出DIV窗口,后层页面屏蔽,实现模态窗口。需要用vs2010打开
实现弹出层不再难,只要引用jQuery.UI.Impromptu.js这个js文件后,想要弹出哪个tag都行了 如:我想要<div id="ok">这里是弹出浮动遮罩层</div> 并随页面滚动而滚动 只要调用 $('#ok').showModel();这个方法就可以了...
点击文字弹出一个DIV层窗口代码,下载就能用
JS 弹出层特效 实现div动态弹出与折叠
jquery实现十种弹出层效果
div css移动鼠标改变样式弹出div层