jQuery Effect fadeTo() メソッド

❮ jQuery Effect メソッド

全ての <p> 要素の不透明度を徐々に変化させる:

$("button").click(function(){
    $("p").fadeTo(1000, 0.4);
});
Try it Yourself »

定義と用法

fadeTo() メソッドは、選択した要素を指定の不透明度まで、徐々に不透明度を変化させます(フェーディング効果)。

(fading effect).


構文

$(selector).fadeTo(speed,opacity,easing,callback)

パラメータ 説明
speed 必須。fading 効果の速度を指定する

指定可能な値:

  • ミリ秒
  • "slow"
  • "fast"
opacity 必須。フェードする不透明度を指定する。0.00 ~ 1.00 間の数字でなければならない
easing 任意。アニメーションの各時点における要素の速度を指定する。デフォルト値は "swing"

指定可能な値:

  • "swing" - 最初と最後はゆっくりと動くが、中間は速く動く
  • "linear" - 一定の速度で動く
チップ: 他のイージング関数が、外部プラグインで利用できます
callback 任意。fadeTo() メソッドが完了した後に実行される関数

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


Try it Yourself - 例

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


❮ jQuery Effect メソッド