jquery動態(tài)切換背景圖片的簡單實現(xiàn)方法

字號:


    這篇文章主要介紹了jquery動態(tài)切換背景圖片的簡單實現(xiàn)方法,涉及jQuery自定義函數(shù)結(jié)合時間函數(shù)動態(tài)變換背景圖片的相關(guān)技巧,需要的朋友可以參考下
    本文實例講述了jquery動態(tài)切換背景圖片的簡單實現(xiàn)方法。分享給大家供大家參考,具體如下:
    (function()
    {
      var bgCounter = 0,
        backgrounds = [
          "Images/BACKGROUND_1_TEST.png",
          "Images/BACKGROUND_2_TEST.png",
          "Images/BACKGROUND_3_TEST.png"
        ];
      function changeBackground()
      {
        bgCounter = (bgCounter+1) % backgrounds.length;
        $('body').css('background', '#000 url('+backgrounds[bgCounter]+') no-repeat');
        setTimeout(changeBackground, 10000);
      }
      changeBackground();
    })();
    希望本文所述對大家jQuery程序設(shè)計有所幫助。