jQuery.animate 背景位置
如何使用 jQuery 的 animate 函数在不使用插件的情况下为背景位置属性设置动画？ 当支持backgroundPosition时，我尝试切换回1.4.4，但它似乎只适用于IE，而不适用于FF或Chrome。 我尝试查看 animate 函数的步骤回调，但没有任何效果。
how can I animate the background-position property using jQuery's animate function without using a plugin?
I tried switching back to 1.4.4 when backgroundPosition was supported, however it just seems to work on IE and not on FF or Chrome.
I've tried looking at the step callback of the animate function, but I can't get nothing to work.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
我也有同样的问题。 Samich 链接的插件是一箭双雕的唯一方法（在几乎所有浏览器中只用 JQuery/Javascript 即可实现动画）。
这里有一个替代方案，但它最好使用像 Modernizr 这样的功能检测脚本来实现兼容性：
对 IE 分别使用 JQuery 的 .animate() 和背景位置 x 和 -y（这将适用于最新的 JQuery）。然后在支持 CSS 过渡的浏览器（几乎除了 IE 之外的所有浏览器）中，使用 .css() 而不是 .animate () 更改背景位置并在样式表中设置 CSS 过渡。
您将使用上述内容覆盖大多数浏览器，但它可能不像仅使用插件那样兼容。在这里查看它的工作情况：http://jsfiddle.net/lucylou/dVpjh/
I had this same problem. The plugin linked by Samich is the only way to hit both birds with one stone (animate in nearly all browsers with nothing but JQuery/Javascript).
Here's an alternative, but it ideally uses a feature-detection script like Modernizr for compatibility:
Use JQuery's .animate() and background-position-x and -y separately for IE (this will work with the latest JQuery). Then in browsers that support CSS transitions (nearly everything besides IE), use .css() instead of .animate() to change the background position and set a CSS transition in your stylesheet.
You'll be covering most browsers with the above, but it may not be AS compatible as just using a plugin. See it at work here: http://jsfiddle.net/lucylou/dVpjh/
据我所知，jQuery 不具备动画背景的能力。但这可以通过插件实现：
http://plugins.jquery.com/project/backgroundPosition-Effect
http://www.protofunc.com/scripts/jquery/backgroundPosition/
As I know jQuery doesn't have ability to animate background. But it's possible with plugins:
http://plugins.jquery.com/project/backgroundPosition-Effect
http://www.protofunc.com/scripts/jquery/backgroundPosition/