jquery css 和 animate 函数效率

Question

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

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

这与 css transitioning 属性一起工作

CSS:

transition:all 0.7s ease-in-out; 

对比

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

在此先感谢大家的投稿，或者大家有什么更好的建议。

Answer 1

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