javascript - 使用jQuery动画增加背景位置x？

Question

是否可以使用 jQuery animate 为 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"});
    });