javascript - 使用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"});

希望这会有所帮助。