jQueryによるアニメーションエフェクト

<br />
$(セレクター).show(スピード,コールバック関数);<br />

フェイドインする。スピードの部分は、slow/norma/fast もしくは、ミリ秒(1秒=1000秒)で指定できます。ミリ秒で指定する数字は、”(ダブルクォーテーション)で囲う必要はありません。

コールバック関数は、アニメーション処理が終わった後に続けて実行される命令です。「処理が終わったら、この関数を呼び出して」と指定するのでコールバック関数と呼ばれます。function(){…} で指定し、{…} 内に命令を記述します。jQueryはメソッドチェーンで続けて実行する命令を記述できますが、メソッドチェーンで記述した命令がアニメーションの終了を待たずにすぐに実行されるのに対して、コールバック関数として記述した命令はアニメーションが完了してから実行されます。

アニメーションエフェクト関連の命令

命令 意味
show(…) 要素を徐々に表示する
hide(…) 要素を徐々に非表示にする
toggle(…) 要素の表示/非表示を徐々に切り換える
slideDown(…) 要素をスライドアニメーションで表示する
slideUp(…) 要素をスライドアニメーションで非表示にする
slideToggle(…) 要素の表示/非表示をスライドアニメーションで切り換える
fadeIn(…) 要素をフェードインで表示する
fadeOut(…) 要素フェードアウトで非表示にする
fadeTo(…) 要素の透明度を指定した値に徐々に変更する
animate(…) 任意のCSSプロパティの値を徐々に変更する