导航

« 类似ps颜色选择器工具 网页在线版zblog 代码高亮插件DsLighter 复制不乱码  »

js实现div延迟显示、隐藏实例 分享

JavaScript

下面代码演示了通过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>

 

  • 顶一下





原创文章如转载,请注明:转载自落日故乡

本文链接地址:http://www.spersky.com/post/390.html

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

内容搜索


常用链接

最新评论及回复

Powered By Z-Blog

Copyright spersky All Rights Reserved.Theme Moonlight,Calf modified.