首页自动收缩全屏广告jQuery代码

一套使用jQuery 插件实现的广告特效代码,其效果类似全屏广告,打开网页后在网页的第一屏显示大幅广告,停留几秒后慢慢伸缩至标准小图片显示在网页预留位置上，效果非常不错，这里推荐给大家。

特效介绍

麦包包首页顶部广告代码仿麦包包首页顶部伸缩广告jQuery广告代码。页面载入完成后，2.5秒后会自动放大广告显示，页面内容自动向下延伸。显示8.5秒后自动收回，放小显示。

<DIV style="margin: 20px auto; width: 960px; display: block;" id="js_ads_banner_top"><A 
href="http://www.jb51.net/" target="_blank"><IMG src="index_files/banner_s.jpg" 
width="960" height="70"></A></DIV>
<DIV style="margin: 0px auto; width: 960px; display: none;" id="js_ads_banner_top_slide"><A 
href="http://www.jb51.net/" target="_blank"><IMG src="index_files/banner_b.jpg" 
width="960" height="400"></A></DIV>
<SCRIPT type="text/javascript" src="index_files/jquery.min.js"> </SCRIPT>
<SCRIPT type="text/javascript" src="index_files/js.js"> </SCRIPT>

js.js

//顶部伸展广告

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);
}