jquery css 和 animate 函数效率

Question

所以我想知道你们对使用 jquery css 或 animate 属性对对象进行动画处理的效率有何看法。例如..

$('button').click(function(){
     $('obj to change').css( 'pos', x );
});

这与 css 转换属性一起使用

CSS:

transition:all 0.7s ease-in-out; 

VS

$('button').click(function(){
     $('obj to change').animate({ pos , 'x' });
}, 2000, function() { 
     // Animation complete.
});

提前感谢大家的意见，或者如果您有更好的建议。

Answer 1

CSS3 转换是硬件加速的，因此您可以在支持的浏览器中看到性能的巨大提升。我强烈建议使用 http://ricostacruz.com/jquery.transit/ - 它检测浏览器是否支持 css3 转换，并在旧版浏览器上回退到常规 .animate()。