当前位置：首页 → 问答吧 → 如何让一个DIV 在DOM加载完成后几秒之后显示出来之后再几秒渐变消失？

如何让一个DIV 在DOM加载完成后几秒之后显示出来之后再几秒渐变消失？

时间：2009-08-02

来源：互联网

就像是网易那样的广告等网页再加完成之后就会出现一个DIV 之后再过几秒就渐变消失应该怎么实现? 哪位能提供代码或实例谢谢了

作者: alberts_24 发布时间: 2009-08-02

给你一个伪代码吧

$(function(){
// 显示DIV
setTimeout(隐藏DIV, 5000);// 5秒后隐藏
});

作者: wsria.cn 发布时间: 2009-08-03

可以看这个实现wait
http://www.keakon.cn/bbs/thread-1332-1-1.html

然后调用slideUp/slideDown

作者: keakon 发布时间: 2009-08-03

这里也是借鉴前几天有个朋友发的：

<script type="text/javascript" src="jslib/jquery.min.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
       var add = $("#ad");
          add.slideDown(2000);
          setTimeout(function(){add.slideUp(2000);},10000);
    });
</script>

<style type="text/css">
body {margin:0;padding:0;}
div#ad {width:500px;height:400px;font-size:18px; padding:0; margin:0; background-color:#eee; display:none;}
div#ad p {height:14px;}
div#ad p {height:25px; padding:0;margin:0;line-height:150%;}
</style>
</head>
<body>
<div id="ad">
<p>这是网易163的广告代码</p>
<p>这是网易163的广告代码</p>
<p>这是网易163的广告代码</p>
<p>这是网易163的广告代码</p>
<p>这是网易163的广告代码</p>
<p>这是网易163的广告代码</p>
<p>这是网易163的广告代码</p>
<p>这是网易163的广告代码</p>
</div>

作者: haibin666 发布时间: 2009-08-03

setTimeout() 这个函数不是每个多长时间就自动调用一次吗？如果想楼上这位朋友的给出的代码不就是每10秒就会自动调用一次setTimeout() 吗？

作者: alberts_24 发布时间: 2009-08-03

试试就知道了呀

嘿嘿

作者: haibin666 发布时间: 2009-08-04

提示：
　　setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

作者: haibin666 发布时间: 2009-08-04

谢谢各位...已经受用!