jquery動(dòng)態(tài)切換背景圖片的簡(jiǎn)單實(shí)現(xiàn)方法

字號(hào):


    這篇文章主要介紹了jquery動(dòng)態(tài)切換背景圖片的簡(jiǎn)單實(shí)現(xiàn)方法,涉及jQuery自定義函數(shù)結(jié)合時(shí)間函數(shù)動(dòng)態(tài)變換背景圖片的相關(guān)技巧,需要的朋友可以參考下
    本文實(shí)例講述了jquery動(dòng)態(tài)切換背景圖片的簡(jiǎn)單實(shí)現(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();
    })();
    希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。