Jquery实现层定时滚动效果

     通常我们在一些大型的门户网站可以看到这样一种效果，打开页面导航下面会出现一副较大的广告，时隔几秒后慢慢的向上收缩，直至广告消失网站恢复原貌。咋一看这个效果似乎很炫很有技术含量，但在Jquery面前就显得微不足道了。

     既然用到了Jquery，首先我们得请出这位"大师"，将其加入的页面文件中调用。剩下的工作就变得简单了，JQuery一个函数就能实现我们想要的效果，下面就让我们见识一下它的强大吧。

     首先，在我们页面的指定文件加入想要嵌入的div(用于显示广告图片或其他嵌入页面),例如：

    

<div id="adjwl">
<a href="http://121.14.117.122/DownloadCount/Download.aspx?filename=Dyj_GBS_Setup&source=507"><img src="http://study.788111.com/photo/2010-10-26/2010102630643-6681.JPG"></a> 
</div>

 

    然后再在页面调用Jquery方法，实现方法如下:

   

<SCRIPT LANGUAGE="JavaScript"> 
<!--
$(document).ready(function(){
window.setTimeout("slideupa()",3000);    
});
 
function slideupa()
{
    $("#adjwl").slideUp(4000);
}
//-->
</SCRIPT>

 

    至此，我们需要的效果就已经实现了，赶快试试吧。。