首頁 > 開發者 > JavaScript
jQuery實現首頁頂部可伸縮廣告特效代碼，jquery特效代碼
特效介紹
麥包包首頁頂部廣告代碼仿麥包包首頁頂部伸縮廣告jQuery廣告代碼。頁面載入完成後，2.5秒後會自動放大廣告顯示，頁面內容自動向下延伸。顯示8.5秒後自動收回，放小顯示。
示範圖
使用方法
1、把下面的CSS樣式拷貝到您的html的頭部：
複製代碼 代碼如下:
<LINK rel=stylesheet type=text/css href="css/style.css">
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毫秒)之後，大廣告收回，小廣告展開。}
本站下載 示範地址
以上所述就是本文的全部內容了，希望大家能夠喜歡。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
