jQuery.动画背景位置

jQuery.animate background-position

本文关键字：位置背景动画 jQuery 更新时间：2023-09-26

如何在不使用插件的情况下使用jQuery的animate函数来动画background-position属性?当后台位置被支持时，我试着切换回1.4.4，但它似乎只在IE上工作，而不是在FF或Chrome上。我试过看动画函数的步骤回调，但我不能得到什么工作。

我也遇到过同样的问题。Samich链接的插件是一石二鸟的唯一方法(在几乎所有的浏览器中动画，除了JQuery/Javascript)。

这里有一个替代方案，但它理想地使用像Modernizr这样的特征检测脚本来实现兼容性:

在IE中分别使用JQuery的。animate()和background-position-x和-y(这将与最新的JQuery一起工作)。然后，在支持CSS过渡的浏览器中(除了IE之外的几乎所有浏览器)，使用。CSS()而不是。animate()来改变背景位置，并在样式表中设置CSS过渡。

你将覆盖大多数浏览器与上述，但它可能不兼容，因为只是使用一个插件。在这里查看它的工作:http://jsfiddle.net/lucylou/dVpjh/

据我所知，jQuery不具备动画背景的能力。但这是可能的插件:

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

http://www.protofunc.com/scripts/jquery/backgroundPosition/