jQueryによるアニメーションエフェクト
10月 05
<br /> $(セレクター).show(スピード,コールバック関数);<br />
フェイドインする。スピードの部分は、slow/norma/fast もしくは、ミリ秒(1秒=1000秒)で指定できます。ミリ秒で指定する数字は、”(ダブルクォーテーション)で囲う必要はありません。
コールバック関数は、アニメーション処理が終わった後に続けて実行される命令です。「処理が終わったら、この関数を呼び出して」と指定するのでコールバック関数と呼ばれます。function(){…} で指定し、{…} 内に命令を記述します。jQueryはメソッドチェーンで続けて実行する命令を記述できますが、メソッドチェーンで記述した命令がアニメーションの終了を待たずにすぐに実行されるのに対して、コールバック関数として記述した命令はアニメーションが完了してから実行されます。
アニメーションエフェクト関連の命令
| 命令 | 意味 |
|---|---|
| show(…) | 要素を徐々に表示する |
| hide(…) | 要素を徐々に非表示にする |
| toggle(…) | 要素の表示/非表示を徐々に切り換える |
| slideDown(…) | 要素をスライドアニメーションで表示する |
| slideUp(…) | 要素をスライドアニメーションで非表示にする |
| slideToggle(…) | 要素の表示/非表示をスライドアニメーションで切り換える |
| fadeIn(…) | 要素をフェードインで表示する |
| fadeOut(…) | 要素フェードアウトで非表示にする |
| fadeTo(…) | 要素の透明度を指定した値に徐々に変更する |
| animate(…) | 任意のCSSプロパティの値を徐々に変更する |
