jquery四行代码实现顶部大幅下拉广告效果

于 2009-07-01 10:46:29 发布 · 230 阅读

文章标签：

#jQuery #JavaScript #Flash #HTML #ViewUI

jQuery 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现网页广告自动展示与隐藏的方法，并详细解释了如何通过设置延迟来自动控制广告的显示时间。

<script type="text/javascript">
<!-- 
$(function(){
//广告收回
 var upAdBanner = function(){  
  $("#ad-banner").slideUp(800);
 };
//广告下拉
 $("#ad-banner").slideDown(800);
//设置延迟的广告收回，这里是8秒
 setTimeout(upAdBanner,8000);
}) -->
</script>

html这样写：

<body style="text-align:center;">
    <div id="ad-banner" style="height:500px;width:700px;background:green;margin:0 auto;">这里放入图片或flash就可以了</div>
</body>