animate()メソッド < jQuery >

なわて投稿サムネイル

animate()メソッドの構文

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

①cssプロパティと値

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

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

②時間

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

③イージング

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

④コールバック関数

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

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

stop()メソッド