最简单的动画背景图像向左滑动的方法？

Question

将背景图像滑动到左侧并循环播放的最佳方法是什么？假设我有一个带有背景的进度条,我想在它处于活动状态时进行动画处理(比如在Gnome或OS X中).

我一直在玩这个$(...).animate()函数并尝试修改相关的CSS属性,但是在试图弄清楚如何修改background-position属性时我一直在打砖墙.我不能只增加它的价值,我不确定这是否是最好的方法.

任何帮助赞赏!

Answer 1

我一发布这个,我就知道了.万一它可以帮助其他人,这是我提出的功能:

function animateBar(self) {
    // Setup
    var bar = self.element.find('.ui-progress-bar');

    bar.css('background-position', '0px 0px');

    bar.animate({
        backgroundPosition: '-20px 0px'
    }, 1000, 'linear', function() {
        animateBar(self);
    });
}