快捷導(dǎo)航

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

更新時(shí)間：2016年05月14日 11:55:05 作者：懶人

這篇文章主要介紹了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();
})();

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《jQuery切換特效與技巧總結(jié)》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見(jiàn)經(jīng)典特效匯總》、《jQuery動(dòng)畫(huà)與特效用法總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

從零開(kāi)始學(xué)習(xí)jQuery (四) jQuery中操作元素的屬性與樣式
本篇文章講解如何使用jQuery獲取和操作元素的屬性和CSS樣式. 其中DOM屬性和元素屬性的區(qū)分值得大家學(xué)習(xí).
2011-02-02
用jquery和json從后臺(tái)獲得數(shù)據(jù)集的代碼
最近正在用ajax無(wú)刷新做網(wǎng)站，發(fā)現(xiàn)數(shù)據(jù)很好傳輸，但是數(shù)據(jù)集不知道怎么獲得，于是，上網(wǎng)查了一些資料來(lái)傳輸數(shù)據(jù)，現(xiàn)在和大家分享一下，不知道的童鞋可以和我一起學(xué)習(xí)，知道的請(qǐng)指點(diǎn)一二。我選擇的方法是用json 來(lái)獲取數(shù)據(jù)集
2011-11-11
利用jQuery實(shí)現(xiàn)可輸入搜索文字的下拉框
jQuery實(shí)現(xiàn)點(diǎn)擊下拉框輸入框時(shí)，自動(dòng)顯示下面的下拉列表，而且是根據(jù)輸入框中輸入的搜索添加，自動(dòng)在后臺(tái)查找，然后傳到前臺(tái)，展現(xiàn)頁(yè)面
2013-10-10
jQuery實(shí)現(xiàn)CheckBox全選、全不選功能
這篇文章主要介紹了jQuery實(shí)現(xiàn)CheckBox全選、全不選功能，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧
2017-01-01
jQuery聯(lián)動(dòng)日歷的實(shí)例解析
本篇文章主要對(duì)jQuery聯(lián)動(dòng)日歷的實(shí)例進(jìn)行解析說(shuō)明。有興趣的朋友可以下載源碼調(diào)試運(yùn)行試試看，希望對(duì)大家有所幫助
2016-12-12
jquery移動(dòng)節(jié)點(diǎn)實(shí)例
這篇文章主要介紹了jquery移動(dòng)節(jié)點(diǎn)的實(shí)現(xiàn)方法,主要涉及append()方法的使用技巧,需要的朋友可以參考下
2015-01-01
jquery寫(xiě)個(gè)checkbox——類(lèi)似郵箱全選功能
最近在學(xué)習(xí)jquery，今天抽空用jquery寫(xiě)個(gè)checkbox——類(lèi)似郵箱全選功能，感興趣的你可以參考下哈，希望可以幫助到你
2013-03-03
快速學(xué)習(xí)jQuery插件 Cookie插件使用方法
快速學(xué)習(xí)jQuery插件中的Cookie插件使用方法，一個(gè)輕量級(jí)的cookie插件，可以讀取、寫(xiě)入、刪除 cookie，感興趣的小伙伴們可以參考一下
2015-12-12
jQuery實(shí)現(xiàn)簡(jiǎn)單評(píng)論區(qū)功能
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單評(píng)論區(qū)功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-10-10
jQuery實(shí)現(xiàn)table中兩列CheckBox只能選中一個(gè)的示例
下面小編就為大家?guī)?lái)一篇jQuery實(shí)現(xiàn)table中兩列CheckBox只能選中一個(gè)的示例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-09-09