2

そこで、jquery css や animate プロパティを使用してオブジェクトをアニメーション化する効率について、皆さんはどのように考えているのだろうかと考えていました。例えば..

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

これは css transitioning プロパティと一緒に機能します

CSS:

transition:all 0.7s ease-in-out;

VS

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

皆様のご意見をお待ちしております。または、より良い提案がありましたら、よろしくお願いいたします。

4

3 に答える 3

2

CSS3 トランジションはハードウェアで高速化されるため、サポートされているブラウザーでパフォーマンスが大幅に向上します。http://ricostacruz.com/jquery.transit/を使用することを強くお勧めします - ブラウザーが css3 トランジションをサポートしているかどうかを検出し、古いブラウザーでは通常の .animate() にフォールバックします。

于 2013-05-12T12:26:03.697 に答える
-1

jQuery は、大部分のブラウザーで適切に機能するアニメーションを作成するのに最適ですが、特に (jquery.easing.js からの) ファンシーなイージング関数を使用している場合は、同時実行アニメーションの量が増えるとすぐに機能が低下します。

CSS3 アニメーションは、同時実行アニメーションのレベルが上がるほど、持続性が高くなります。しかし、それらはより多くの b でサポートされる可能性があります。特に js でコールバック関数を使用している場合は、CSS3 アニメーションをあまり制御できず、追跡がより困難になります。

個人的には、常に jQuery アニメーションを支持しています。CSS3 ブラウザーのサポートについては、確信が持てません。

于 2013-05-12T12:36:55.843 に答える