jQuery効果 - animate()メソッド
例
"div"要素の高さを変更します：
$(".btn1").click(function(){
$("#box").animate({height:"300px"});
});
定義と使用法
animate()メソッドは、CSS属性セットのカスタムアニメーションを実行します。
このメソッドは、CSSスタイルを使用して要素の状態を一つからもう一つに変更します。CSS属性値は徐々に変更されるため、アニメーション効果を作成できます。
アニメーションを作成するには、数字値のみを使用できます（例："margin:30px"）。文字列値ではアニメーションを作成できません（例："background-color:red"）。
注釈："+="または"-="を使用して相対的なアニメーション（相対的なアニメーション）を作成します。
语法 1
$(selector).animate(styles,speed,easing,callback)
| パラメータ | 説明 |
|---|---|
| styles |
必須です。アニメーション効果を持つ CSS スタイルと値を指定します。 可能な CSS スタイル値（例を示します）：
注釈：CSS スタイルはDOM名（例：「fontSize」）を使用して設定し、CSS名（例：「font-size」）を使用しません |
| speed |
オプション。アニメーションの速度を指定します。デフォルトは"normal"です 可能な値：
|
| easing |
オプション。異なるアニメーションポイントでアニメーション速度を設定する easing ファンクションを指定します 内蔵の easing ファンクション：
拡張プラグインで提供される追加の easing ファンクション |
| callback |
オプション。animate関数が実行された後に実行される関数 callbackの詳細について学びたい場合は、私たちの jQuery コールバック この章。 |
文法 2
$(selector).animate(styles,options)
| パラメータ | 説明 |
|---|---|
| styles | 必須。アニメーション効果を生成する CSS スタイルと値（同上）を指定します |
| options |
オプション。アニメーションの追加オプションを指定します 可能な値：
|
