animate()メソッド < jQuery >

animate()メソッドの構文

$(‘セレクタ’).animate(①{’cssプロパティ’：’値’；｝,②時間,③イージング,④コールバック関数）;

 

①cssプロパティと値

※CSSプロパティの値に数値以外を指定する場合はプラグインが必要。

.aminate({
‘CSSプロパティ’:’値’;
‘CSSプロパティ’:’値’;
‘CSSプロパティ’:’値’;
},
アニメーションの時間
);
※プロパティ：値はオブジェクト形式にする。

 

②時間

どのくらいの時間をかけてアニメーションさせるか。
1000で１秒

 

③イージング

イージングとはアニメーションが行われる際の移り変わりの様子。
linear:等速、一定のスピードでアニメーションが行われる。
swing:緩やかな緩急がアニメーション中に行われる。
※別途jQuery.UIを読み込まなくては使えない。

 

④コールバック関数

アニメーション終了時に実行する処理

 

アニメーションを途中でキャンセルさせる

stop()メソッド