下面代码演示了通过js实现延迟显示div,关键的地方在于style.display值的控制,style.display=‘block’ 为显示div,而当style.display=‘none’ 时为隐藏。
时间设置:setTimeout("t1()",6000);中的6000就是6秒,复制以下代码到记事本别存为html文件就可以看到效果了!
<style type="text/css">body{ text-align:center;}.tab{ width:422px; height:400px; margin:0 auto; overflow:hidden; border:1px solid #11ff66; position: relative; left:0px; top:0px}</style><script>id='div8'function t1(){var obj_nav=document.getElementById(id)obj_nav.style.display='block';}setTimeout("t1()",6000);</script></p><div style="display: none" id="div8" class="tab">spersky.com提示:可自定义时间1000为1秒。</div><p>