jQuery 实现炸屏收缩广告效果

这是一个火柴自认为比较出效果的一个炸屏、伸缩广告特效 ,兼容各个浏览器

HTML:

<!--炸屏广告HTML Start-->
<DIV style="MARGIN: 0px auto; WIDTH: 980px; DISPLAY: block" id=js_ads_banner_top>
	<A href="#" target=_blank><IMG src="asus.jpg" width="980" height="70" /></A>
</DIV>

<DIV style="MARGIN: 0px auto; WIDTH: 980px; DISPLAY: none" id=js_ads_banner_top_slide>
	<A href="#" target=_blank><IMG src="20130919.jpg" width="980" height="400" /></A> 
</DIV> 
<!---炸屏广告HTML End-->

Jquery:

 $(document).ready(function(){
  //炸屏广告
	if ($("#js_ads_banner_top_slide").length){
		var $slidebannertop = $("#js_ads_banner_top_slide"),$bannertop = $("#js_ads_banner_top");
	setTimeout(function(){$bannertop.slideUp(1000);$slidebannertop.slideDown(1000);},2500);
		setTimeout(function(){$slidebannertop.slideUp(1000,function (){$bannertop.slideDown(1000);});},8500);
	}
 });

不得不说，简单好用；懂得自然懂    不懂的看DEMO或者Download（下载） 细致看一下

/************************火柴提供的DEMO***************************************/

DEMO   Download