最新のWeb開発のチュートリアル
 

jQuery fadeIn() Method

<jQueryの効果方法

すべての<P>要素をフェードイン:

$("button").click(function(){
    $("p").fadeIn();
});
»それを自分で試してみてください

定義と使用法

fadeIn()メソッドは、徐々に目に見える(フェージング効果)に隠されてから、選択した要素の不透明度を変更します。

注 :隠し要素が全く表示されません(もはやページのレイアウトに影響を与えません)。

ヒント:この方法は、多くの場合、一緒に使用されてfadeOut()メソッド。

構文

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

パラメーター 説明
speed 任意。 フェージング効果の速度を指定します。 デフォルト値は400ミリ秒です

可能な値:

  • ミリ秒
  • "slow"
  • "fast"
easing 任意。 アニメーションの異なる点における要素の速度を指定します。 デフォルト値は「スイング」であります

可能な値:

  • "swing" - moves slower at the beginning/end, but faster in the middle
  • "linear" - moves in a constant speed
ヒント:より多くのイージング関数は、外部プラグインでご利用いただけます
callback 任意。 後に実行する機能fadeIn()メソッドが完了しました

コールバックの詳細については、私たちの訪問jQueryのコールバックの章を


それを自分で試してみてください - 例

fadeIn() -速度パラメータを使用します
フェージング効果の速度を指定する速度パラメータを使用する方法。

fadeIn() - callbackパラメータを使用して
要素内とフェードアウトするときのコールバックパラメータを使用する方法。


<jQueryの効果方法