使用javascript移動背景按鈕

Question

function changeBackground() { 
    var myVar = 100; 
    $('div.seventh').css({"background-position": myVar}); 
} 

這是我的代碼，使背景圖像移動。它的工作原理，但只有一次......我試着使用，使其工作一次以上的解決方案是這樣的：

function changeBackground() { 
    var myVar = ($('div.seventh').css('backgroundPositionX'))+100; 
    $('div.seventh').css({"background-position": myVar}); 
} 

問題是，這似乎並沒有工作像我想要的工作。我得到這樣做的時候，我想正確的號碼：

alert($('div.seventh').css('backgroundPositionX')); 

，但它只是將無法正常工作......

任何想法...

Answer 1

可以使用animate()功能：

$('div.seventh').animate({ 
    'background-position' : '+=50px' 
}); 

Answer 2

你可以試試這招：

$('div.seventh').css({"background-position": "+=50px"}); 

希望這會有所幫助。