使用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

你可以尝试这个技巧：

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

希望这会有所帮助。

Answer 2

您可以使用animate()功能：

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