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

あなたはこのトリックを試すことができます：

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

これがお役に立てば幸いです。

Answer 2

animate()次の機能を使用できます。

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