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

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);
    });
}