JavaScript点击弹出浮动独立居中窗口
2013-01-30 10:31
531 查看
<script> function open_box(){ document.all.ly.style.display="block"; document.all.ly.style.width=document.body.clientWidth; document.all.ly.style.height=document.body.clientHeight; } function close_box(theForm){ document.all.ly.style.display='none'; return false; } </script>
<p align="center"><input type="button" value="弹出DIV" onClick="open_box()" /></p> <!-- 浮层框架开始 --> <div id="ly" align="center" style="position:absolute;z-index:3;display:none;"> <table width="540" height="300" border="1" cellpadding="0" cellspacing="0" style="border-collapse:collapse;" > <tr> <td style="background:#73A2d6;" valign="middle" height="10"> <div align="right"><a href="JavaScript:;" onclick="close_box();" style="color:#FFF;">关闭</a> </div></td> </tr> <tr> <td height="130" align="center">这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容</td> </tr> </table> </div> <!-- 浮层框架结束-->
相关文章推荐
- JavaScript特效实例005-控制弹出窗口居中显示
- javascript之弹出窗口居中的代码
- 点击链接后,弹出另一个浮动窗口,全屏变暗遮罩效果,适用于下载站
- javascript 弹出浮动层,并锁定当前窗口一
- 在Javascript 中实现window.open弹出窗口居中显示
- 基于JavaScript实现图片点击弹出窗口而不是保存
- JavaScript练习题目(4)弹出新窗口,并点击其上的按钮可以进行(50px,50px)的位移
- 点击链接,弹出最大化窗口或者水平和垂直方向都居中的小窗口
- javascript 弹出浮动窗口二
- Asp.Net中用javascript实现弹出窗口永远居中
- JavaScript练习题目(4)弹出新窗口,并点击其上的按钮可以进行(50px,50px)的位移
- JavaScript点击按钮后弹出透明浮动层的方法
- javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
- jQuery实现弹出带遮罩层的居中浮动窗口效果
- JavaScript中点击按钮弹出新的浏览器窗口
- WebView点击加载的页面中的按钮时不弹出新窗口以及在加载后执行javascript
- JavaScript基础 window.open(url,name,options) 弹出一个 新窗口 屏幕居中显示 获取屏幕的有效宽度
- 基于JavaScript实现图片点击弹出窗口而不是保存
- 第一个JavaScript(点击按钮弹出窗口)
- JavaScript基础 window.open(url,name,options) 弹出一个 新窗口 屏幕居中显示 获取屏幕的有效宽度