animate()メソッドの構文
$(‘セレクタ’).animate(①{’cssプロパティ’:’値’;},②時間,③イージング,④コールバック関数);
①cssプロパティと値
※CSSプロパティの値に数値以外を指定する場合はプラグインが必要。
.aminate({
‘CSSプロパティ’:’値’;
‘CSSプロパティ’:’値’;
‘CSSプロパティ’:’値’;
},
アニメーションの時間
);
※プロパティ:値はオブジェクト形式にする。
②時間
どのくらいの時間をかけてアニメーションさせるか。
1000で1秒
③イージング
イージングとはアニメーションが行われる際の移り変わりの様子。
linear:等速、一定のスピードでアニメーションが行われる。
swing:緩やかな緩急がアニメーション中に行われる。
※別途jQuery.UIを読み込まなくては使えない。
④コールバック関数
アニメーション終了時に実行する処理
アニメーションを途中でキャンセルさせる
stop()メソッド