jQuery fadeIn() メソッド

すべての <p> 要素をフェードインする：

$("button").click(function(){
$("p").fadeIn();
});

定義と用法

fadeIn() メソッドは、選択した要素を非表示から表示へ、不透明度を徐々に変化させます（フェーディング効果）。

注: hidden 要素は、まったく表示されません（ページのレイアウトにも影響を与えません）。

チップ: このメソッドは、多くの場合は fadeOut() メソッドと一緒に使用されます。

$(selector).fadeIn(speed,easing,callback)

パラメータ	説明
speed	任意。fading 効果の速度を指定する。デフォルト値は 400 ミリ秒。指定可能な値：ミリ秒 "slow" "fast"
easing	任意。アニメーションの各時点における要素の速度を指定する。デフォルト値は "swing" 指定可能な値： "swing" - 最初と最後はゆっくりと動くが、中間は速く動く "linear" - 一定の速度で動くチップ: 他のイージング関数が、外部プラグインで利用できます
callback	任意。fadeIn() メソッドが完了した後に実行される関数コールバックの詳細については、jQuery Callback を参照

パラメータ

説明

speed

任意。fading 効果の速度を指定する。デフォルト値は 400 ミリ秒。

指定可能な値：

easing

任意。アニメーションの各時点における要素の速度を指定する。デフォルト値は "swing"

指定可能な値：

チップ: 他のイージング関数が、外部プラグインで利用できます

callback

任意。fadeIn() メソッドが完了した後に実行される関数

コールバックの詳細については、jQuery Callback を参照

fadeIn() - speed パラメータを使用
フェーディング効果のスピードを指定するために speed パラメータを使用する方法。

fadeIn() - callback パラメータを使用する
要素をフェードインおよびフェードアウトするときに callback パラメータを使用する方法。