特效介紹
麥包包首頁頂部廣告代碼仿麥包包首頁頂部伸縮廣告jQuery廣告代碼。頁面載入完成后，2.5秒后會自動放大廣告顯示，頁面內容自動向下延伸。顯示8.5秒后自動收回，放小顯示。
演示圖
使用方法
1、把下面的CSS樣式拷貝到您的html的頭部：
2、把以下代碼拷貝到整個頁面頂部，即<body>的下面。
<DIV style="MARGIN: 0px auto; WIDTH: 960px; DISPLAY: block" id=js_ads_banner_top> <A href="/" target=_blank><IMG src="images/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="/" target=_blank><IMG src="images/banner_b.jpg" width=960 height=400></A></DIV><SCRIPT type=text/javascript src="jquery/jquery-1.8.3.min.js"> </SCRIPT><SCRIPT type=text/javascript src="js/js.js"> </SCRIPT>
3、js代碼分析(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); //2500毫秒(2.5秒)后，小廣告收回，大廣告伸開，執行時間都是1秒(1000毫秒) setTimeout(function(){$slidebannertop.slideUp(1000,function (){$bannertop.slideDown(1000);});},8500); //8.5秒(8500毫秒)之后，大廣告收回，小廣告展開。}以上所述就是本文的全部內容了，希望大家能夠喜歡。
新聞熱點
疑難解答
