jquery - jqueryを使用して要素を高速で移動する

Question

オブジェクトの移動は静かで簡単です。これを想像してください：

 $("#myelement").animate({left:'+=200'},2000);

問題は、要素がゆっくりと動き始め、途中で継続的にスピードアップしたいということです。

誰かがこれを行う方法の手がかりを持っていますか？

score 2 · Accepted Answer

jQueryイージングプラグインを使用し、EASEINオプションを使用する必要があります。'easeInExpo'をお勧めしますが、ここですべてのオプションを確認できます：http: //jqueryui.com/demos/effect/easing.html

必要なのが緩和だけの場合、jQuery ui（プラグインが組み込まれている）はやり過ぎだと思います。プラグインは無駄のない形で使用できます。

次のようになります。

$("#myelement").animate({left:'+=200'},2000, 'easeInExpo');

'easeInCubic'もお勧めです

score 0 · Accepted Answer

アニメーション機能にはイージングオプションがあります。事前定義されたものをロードするか、独自に作成して、必要な効果を正確に実現できます。

これらは、私が使用するのにかなり良い、事前に構築されたものです。

2 に答える 2