点击弹出层效果

admin — Tue, 09 Mar 2010 19:05:36 +0000

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>弹出层效果</title> <style type="text/css">  </style> <script language="javascript" type="text/javascript"> function showDiv(){ document.getElementById('popDiv').style.display='block'; document.getElementById('bg').style.display='block'; } function closeDiv(){ document.getElementById('popDiv').style.display='none'; document.getElementById('bg').style.display='none'; } </script> </head> <body> <div id="popDiv" class="mydiv" style="display:none;">弹出窗口 <a href="http://www.5jun.com">www.5jun.com</a> <a href="javascript:closeDiv()">关闭窗口</a></div> <div id="bg" class="bg" style="display:none;"></div> <div style="height:200px; line-height:200px; text-align:center; background:#FFFFCC;"><a href="javascript:showDiv()">点我,弹出层</a></div> </body> </html>

Tips:You can change the code before run.

楼兰故乡 » 弹出层

点击弹出层效果