使用jQuery動畫增加background-position-x？

Question

是否有可能使用jQuery動畫製作DIV背景位置x動畫？

理想情況下，點擊後background-position-x將增加20％。

這是到目前爲止我的代碼：

$('.cycle').click(function() { 
    $(this).animate({ 'background-position-x': '+20%' }, 500, 'linear'); 
}); 

但它僅適用於第一次點擊。

謝謝！

Answer 1

試試這個

$('.cycle').on('click', function() { 
    $(this).animate({ 'background-position-x': '+=20%' }, 500, 'linear'); 
}); 

Answer 2

使用這樣的事情：

$(function() { 
     $('.element').css("backgroundPosition","0px 0px").animate({"backgroundPosition":"-200px 10px"}); 
    });