jquery - jQuery の表示/非表示の速度を時間の経過とともに変更するにはどうすればよいですか?

Question

私は、slideDown メソッドのように、通常の jQuery の表示/非表示を取りたい: $('p').slideDown('fast'); 終わりに近づくにつれて速度が低下するように設定し、デフォルトの線形速度とは対照的に、多少アニメーション効果を提供します。これがどのように行われたかを忘れます。どういうわけかコールバック関数を介して？

Answer 1

あなたは緩和について言及しています。これは一部の jQuery エフェクトで利用できますが、すべてではありません。2009 年の初めに、LearningjQuery.com はこのトピックに関する記事を作成し、 jQueryアニメーションに追加する方法を示しました。 -アニメーション

Answer 2

これは「イージング」と呼ばれ、jQuery は「swing」(デフォルト) と「linear」の 2 つのイージング方法をサポートしています。必要なことは、easingプラグインを単独で使用するか、jquery ui コア (イージング プラグインも含まれます)を使用して実現できます。そのサイトには、それを使用する方法の例がたくさんあります。

プラグインを含めたら、次のように使用できます。

$('p').slideDown('fast', "easeOutQuart");

Answer 3

これを見てください。次のように、 slideToggle関数を使用して速度を指定できます。

 slideToggle('slow');
 slideToggle('fast');
 slideToggle('2000');