2010-10-25 76 views
1

我見過很多不同的背景切換基於鏈接類,但我只想要一個簡單的後臺切換器在任何頁面加載(沒有餅乾),而不是鏈接依賴。背景切換頁面加載

有沒有簡單的方法呢? jQuery的?

+1

你是什麼意思的背景切換? – 2010-10-25 14:28:03

+0

頁面背景圖像切換我相信。 – 2010-10-25 14:50:00

回答

3

正在查找javascript timers

例子:

setInterval("switchBackground()", 1000); 

function switchBackground() 
{ 
    $("body").css("backgroundImage", "xxx"); 
} 

我希望這幫助!

編輯:

要產生在啓動隨機背景:

$(document).ready(function() { 
    //This will be random from bg1.jpg to bg10.jpg 
    $("body").css("backgroundImage", "/images/bg"+GenerateNumber(10)+".jpg"); 

    //1 to max 
    function GenerateNumber(max) { 
     return Math.floor(Math.random()*max) + 1; 
    } 
}); 
+0

這正是我會這麼做的,也許存儲間隔的實例以允許它被取消。 (+1) – Bob 2010-10-25 14:50:22

+0

這是正確的軌道 - 但是,我不認爲我需要間隔。我只是想要一個隨機的身體背景加載頁面時加載。 – Jason 2010-10-25 15:04:38

+0

啊,我誤解了你的問題。我希望新的編輯更好! – Mouhannad 2010-10-25 15:23:39

3

由Mouhannad提供的隨機背景圖像的代碼並沒有爲我工作,我不得不做出一些小的爲了編輯爲它的運行:

$(document).ready(function() { 
    //This will be random from bg1.jpg to bg10.jpg 
    $("body").css("background-image", "url(/images/bg"+GenerateNumber(10)+".jpg)"); 

    //1 to max 
    function GenerateNumber(max) { 
     return Math.floor(Math.random()*max) + 1; 
    } 
}); 

我需要改變「將backgroundImage」聲明「背景圖片」的d還將「url()」添加到圖像路徑。 JavaScript使用CamelCase符號表示CSS屬性,jQuery不使用。