jquery.easing
(ver1.3)
jQueryのイージングを拡張する「jquery.easing(ver1.3)」のサンプルです。以下のセレクトタブで確認したいイージングを選択して「anime start」ボタンをクリックすると、右の矩形内で実際に指定したイージングでdiv要素を移動させます。移動が完了すると左の矩形内に軌跡が表示されます。奇跡は比較できるよう新しい奇跡を重ねて描画しますので、奇跡を消したい場合は「canvas clear」ボタンをクリックしてください。
linear
swing
jswing
easeInQuad
easeOutQuad
easeInOutQuad
easeInCubic
easeOutCubic
easeInOutCubic
easeInQuart
easeOutQuart
easeInOutQuart
easeInQuint
easeOutQuint
easeInOutQuint
easeInSine
easeOutSine
easeInOutSine
easeInExpo
easeOutExpo
easeInOutExpo
easeInCirc
easeOutCirc
easeInOutCirc
easeInElastic
easeOutElastic
easeInOutElastic
easeInBack
easeOutBack
easeInOutBack
easeInBounce
easeOutBounce
easeInOutBounce
anime start
canvas clear