如何使用 jQuery 的 animate 函数在不使用插件的情况下为背景位置属性设置动画?
当支持backgroundPosition时,我尝试切换回1.4.4,但它似乎只适用于IE,而不适用于FF或Chrome。
我尝试查看 animate 函数的步骤回调,但没有任何效果。
我也有同样的问题。 Samich 链接的插件是一箭双雕的唯一方法(在几乎所有浏览器中只用 JQuery/Javascript 即可实现动画)。
这是一个替代方案,但它最好使用像 Modernizr 这样的功能检测脚本来实现兼容性:
对于 IE,分别使用 JQuery 的 .animate() 和 background-position-x 和 -y(这将适用于最新的 JQuery)。然后在浏览器中支持 CSS 过渡(几乎除了 IE 之外的所有内容),使用 .css() 而不是 .animate() 来更改背景位置并在样式表中设置 CSS 过渡。
您将使用上述内容覆盖大多数浏览器,但它可能不像仅使用插件那样兼容。在这里查看它的工作情况:http://jsfiddle.net/lucylou/dVpjh/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)