1、JQuery效果

創新互聯建站于2013年開始，先為江門等服務建站，江門等地企業，進行企業商務咨詢服務。為江門企業網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。

2、步驟分析：

第一步：引入jQuery相關的文件

第二步：書寫頁面加載函數

第三步：在頁面加載函數中，獲取顯示廣告圖片的元素。

第四步：設置定時操作(顯示廣告圖片的函數)

第五步：在顯示廣告圖片的函數中，使用jQuery的方法讓廣告圖片顯示(show())

第六步：清除顯示廣告圖片的定時操作

第七步：設置定時操作(隱藏廣告圖片的函數)

第八步：在隱藏廣告圖片的函數中，使用jQuery的方法讓廣告圖片隱藏(hide())

第九步：清除隱藏廣告圖片的定時操作

<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
    <script>
      $(function(){
        //1.書寫顯示廣告圖片的定時操作
        time=setInterval("showAd()",3000);
      });
      //2.書寫顯示圖片的函數
      function showAd(){
        //3.獲取廣告圖片，并讓其顯示
        //$("#img_2").show(1000);
        $("#img_2").slideDown(3000);  //滑入
        //4.清除顯示圖片的定時操作
        clearInterval(time);
        //5.設置隱藏圖片的定時操作
        time=setInterval("hiddenAd()",3000);
      }
      function hiddenAd(){
        //6.獲取廣告圖片讓其隱藏
        //$("#img_2").hide();
        $("#img_2").slideUp(3000);  //滑出
        //7.清除隱藏圖片的定時操作
        clearInterval(time);
      }    
    </script>

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

分享題目：使用jQuery實現頁面定時彈出廣告效果-創新互聯
當前路徑：http://vcdvsql.cn/article26/cdjgjg.html

成都網站建設公司_創新互聯，為您提供網站營銷、動態網站、網站維護、移動網站建設、建站公司、靜態網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯