javascript – jQuery示例(在jsfiddle中)在firefox中工作但在IE8中没有工作,7

所以,事实上,在Firefox中你使用的是未定义的行为.正确的做法是在BACkgroundPositionX上制作动画,但Firefox不支持此功能.@H_502_3@

但是,有一个jQuery插件可以执行您想要的操作：@H_502_3@

http://plugins.jquery.com/project/backgroundPosition-Effect@H_502_3@

更新@H_502_3@

仔细观察,该插件不支持=或 – =格式.@H_502_3@

我把它砍成了这个例子：@H_502_3@

http://jsfiddle.net/CxqSs/(见底部的新例子.)@H_502_3@

肯定可以使用一些清理,并且应该添加到该插件中,但它可以在两个浏览器中运行,并且不依赖于未定义的行为.@H_502_3@

顺便说一句,我不知道是否值得注意,但是如果你让这个动画长时间运行,它最终会溢出值并中断.这可以通过动画背景图像的全长来解决,然后在下一个动画之前将回放中的偏移重置为0px.这也可以避免需要=格式.@H_502_3@

也,@H_502_3@

应该注意的是速度：1,步长：1和速度：50,步长：50是等效的.@H_502_3@

他们看起来速度不同的原因是因为@H_502_3@

>速度为1(实际上是毫秒持续时间)的开销更大,因为更频繁地调用animate.
>默认缓动是“摇摆”,这意味着动画在整个过程中会加速并略微减慢,这意味着整体速度会受到一些影响.你应该为你的滚动案例将缓动更改为“线性”：@H_502_3@

var animate = function() {
    element.animate({
        ...
    },speed,"linear",animatE);            
};

这意味着您可以使用BACkgroundPosition-Effect插件,而不使用’=’,将步骤设置为2247(图像的宽度),如上所述.@H_502_3@

这终于让我们……等待它……@H_502_3@

http://jsfiddle.net/zyQj3/20/@H_502_3@

跨平台,非kludgy,非溢出,正确缓和,额外参数缺乏,解决方案.@H_502_3@