延迟打开层，打开网页几秒后弹出可关闭的浮动层

发布时间：2018-10-14 17:22:11 所属栏目：活动来源：站长网

导读：延迟打开层，打开网页几秒后弹出可关闭的浮动层。在网页打开后的几秒内，弹出一个浮动层，像有些论坛，在打开后会弹出一个让注册的窗口，如果不想马上注册，可以关掉此窗口，本代码正是实现了打开窗口后1秒钟弹出一个浮动窗口，代码简洁易懂。示例： !DOC

　　延迟打开层，打开网页几秒后弹出可关闭的浮动层。在网页打开后的几秒内，弹出一个浮动层，像有些论坛，在打开后会弹出一个让注册的窗口，如果不想马上注册，可以关掉此窗口，本代码正是实现了打开窗口后1秒钟弹出一个浮动窗口，代码简洁易懂。

　　示例：

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>打开网1秒之后弹出屏幕居中的浮动层</title> <style type="text/css"> body{ margin:0; padding:0;} #box{width:500px;height:250px; background:#666; border:2px solid #CCC; position:absolute;left:50%;top:50%; margin:-125px 0 0 -250px; z-index:150;display:none;} #box p{padding:0 10px;margin-top:10px;} #box span{color:#ff0;padding-left:5px;} #box h2{ margin:0;height:25px;cursor:move;background:#222;border-bottom:2px solid #ccc;text-align:right;padding:0 10px;} #box h2 a{color:#fff;font:12px/25px Arial;text-decoration:none;outline:none;} </style> <script type="text/javascript"> window.onload=function() { setTimeout(function() { level(); },1000); }; function level() { var oBox=document.getElementById('box'); var oH2=oBox.getElementsByTagName('h2')[0]; oBox.style.display='block'; oH2.onclick=function() { oBox.style.display='none'; }; } </script> </head> <body> <div id="box"> <h2><a href="javascript:;">X</a></h2> 欢迎访问烈火网 Veryhuo,COM </div> </body> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：宿州站长网）

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