2016-12-02 40 views
1

我想使用jQuery修改背景。 我把身上的樣式如下使用CSS和jQuery

body { 
    background-attachment:fixed; 
} 

直到現在一切正常,背景不滾動,但是當我使用了jQuery,使其改變它再次開始滾動。

這是jQuery代碼:

$(function() { 
var body = $('body'); 
var backgrounds = [ 
    'url(./images/001.jpg)', 
    'url(./images/02.jpg)','url(./images/03.jpg)','url(./images/04.jpg)','url(./images/05.jpg)']; 
var current = 0; 

function nextBackground() { 
    body.css(
     'background', 
    backgrounds[current = ++current % backgrounds.length]); 

    setTimeout(nextBackground, 5000); 
} 
setTimeout(nextBackground, 5000); 
body.css('background', backgrounds[0]); 
}); 

任何一個可以幫助嗎?

+0

變化的背景圖像,而不是的背景 - 通過改變背景,你正在重置其他值 – Pete

回答

4

編輯body.css('background', backgrounds[0]);

body.css('background-image', backgrounds[0]);

因爲第一代碼改變其整個背景的性質,包括background-attachment

所以background-attachment改變背到其默認值,即scroll

+0

好吧謝謝你:) –

+0

不客氣@AnaSKayed – Akshay

+0

我發現另一個問題,第一個圖像是固定的,但接下來的圖像滾動..任何幫助? –