点击按钮弹出层DIV，有封锁按钮，JS+Css完成

发布时间：2018-08-20 15:33:28 所属栏目：活动来源：站长网

导读：点击按钮弹出DIV层，JS团结Css完成，可以包围父窗口，独一的弱点就是不行以移动，自带封锁按钮，蓝色经典气魄沤背同您可以把必要的笔墨写在层地区，譬喻：猛火学院 www.veryhuo.com 网页殊效。演示代码： htmlheadscriptfunction locking(){document.all.ly.s

　　点击按钮弹出DIV层，JS团结Css完成，可以包围父窗口，独一的弱点就是不行以移动，自带封锁按钮，蓝色经典气魄沤背同您可以把必要的笔墨写在层地区，譬喻：猛火学院 www.veryhuo.com 网页殊效。

　　演示代码：

<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> <style type="text/css">  </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=<b>Java</b>Script:; class="STYLE1" onclick="Lock_CheckForm(this);">[封锁]</a> </div></td> </tr> <tr> <td height="130" align="center"> 猛火学院 www.veryhuo.com 网页殊效 </td> </tr> </table> </div>  </body> </html><br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!