JS+CSS实现带关闭按钮DIV弹出窗口的方法
2015-02-27 00:00
531 查看
本文实例讲述了JS+CSS实现带关闭按钮DIV弹出窗口的方法。分享给大家供大家参考。具体实现方法如下:
希望本文所述对大家的javascript程序设计有所帮助。
<html> <head> <title>JS+CSS实现带关闭按钮的DIV弹出窗口</title> <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> <style type="text/css"> <!-- .STYLE1 {font-size: 12px} a:link { color: #FFFFFF; text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } --> </style> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body> <p align="center"> <input type="button" value="弹出DIV" 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)/10); background-color: #fff; display: none;" > <table width="540" height="300" 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: 12px;" height="10" valign="middle"> <div align="right"><a href=JavaScript:; class="STYLE1" onclick="Lock_CheckForm(this);">[关闭]</a> </div></td> </tr> <tr> <td height="130" align="center"> </td> </tr> </table> </div> <!-- 浮层框架结束--> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。
相关文章推荐
- JS+CSS实现带关闭按钮DIV弹出窗口的方法
- 【转载】JS+CSS实现带关闭按钮的DIV弹出窗口
- JS+CSS实现Div弹出窗口同时背景变暗的方法
- JS+CSS实现Div弹出窗口同时背景变暗的方法
- JS+CSS实现Div弹出窗口同时背景变暗的方法
- js+CSS实现弹出居中背景半透明div层的方法
- js+CSS实现弹出居中背景半透明div层的方法
- javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
- javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
- CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法
- CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法
- js实现div弹出层的方法
- js关闭当前页面不弹出提示的方法 js实现浏览器的各种菜单命令
- Div+Css+JS做弹出窗口
- 让js弹出窗口居前显示的实现方法
- 让js弹出窗口居前显示的实现方法
- js与css实现弹出层覆盖整个页面的方法
- js 弹出div窗口 可移动 可关闭 (转)
- 使用js实现关闭js弹出层的窗口
- js实现div弹出层的方法