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

　　延迟打开层，打开网页几秒后弹出可关闭的浮动层。在网页打开后的几秒内，弹出一个浮动层，像有些论坛，在打开后会弹出一个让注册的窗口，如果不想马上注册，可以关掉此窗口，本代码正是实现了打开窗口后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> <center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

热点

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

由 dawei

您错过了

云直播技术：创新驱动，媒体行业的新飞跃

云直播技术：实现全球观众实时共享精彩瞬间

科技带领，云直播开启数字化生活新篇章

云直播技术，增强了线上活动的沉浸感与互动性

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

由 dawei

相关文章

网站优化的整个完整步骤

基于PHP实现发微博动态代码实例

PHP文件操作简单介绍及函数汇总

您错过了

云直播技术：创新驱动，媒体行业的新飞跃

云直播技术：实现全球观众实时共享精彩瞬间

科技带领，云直播开启数字化生活新篇章

云直播技术，增强了线上活动的沉浸感与互动性