使用jQuery动画增加background-position-x？

Question

是否可以使用jQuery animate为DIVs background-position-x设置动画？

理想情况下，单击后背景位置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"});
    });