イージング

イージング(関数)は、アニメーション内の様々なポイントにおいての進行速度を表現します。

jQueryのCore(ファイル)には、2つのイージングが定義されています。 linearは一定のペースで進行するアニメーション、swing(jQuery Coreのデフォルト)は、開始時と終了時に僅かに遅くなるアニメーションです。

jQuery UIでは様々なイージングを提供します。一部のイージングにおいて、アニメーション中に負の値をとることがありますが、アニメーションしているプロパティによってはゼロに留めます。例えば、位置は負の値で表す事ができますが、高さや透明度を負の値で表すことは出来ません。

イージングがどのようにアニメーションするのかを理解するには、時間と変化率のグラフを参照するのが良いでしょう。 jQuery UIで利用可能なアニメーションのグラフについては jQuery UI公式サイトのEasingsページを参照してください。