fadeIn()

fadeIn()はフェードインアニメーションで要素を表示するメソッドです。

fadeIn()displayプロパティがnoneの要素を透明にしdisplay:blockに変更します。その後、要素の透明度を徐々に上げていき要素を表示します。

$("div").fadeIn()

引数にはミリ秒でアニメーションする速度を数値で指定することができます。

$("div").fadeIn(700)

数値以外にキーワードによる指定も可能で、”slow”で200ミリ秒、”fast”で400ミリ秒の速度になります。速度を指定しない場合や存在しないキーワードが指定された場合はデフォルトの速度である400ミリ秒でアニメーションします。

同様のメソッドにfadeTo()がありますが、fadeTo() は要素の透明度を変更するだけで要素を非表示にはしません。

要素をフェードアウトさせる場合はfadeOut()を利用しましょう。

fadeIn()はjQuery 1.0で定義されたメソッドです。

登録日 : 2013年06月01日最終更新日 : 2013年6月1日

jQuery リファレンス