fadeTo(duration, opacity, [callback])


version 1.0 以降

解説

マッチした全ての要素をフェードします。 不透明度、フェードの速度およびコールバック関数の指定が可能です。

引数

  • speed : フェードの速度。"slow", "normal", "fast" の文字列か、ミリ秒を数値で指定。
  • opacity : 不透明度。0 ~ 1 で指定。この不透明度になるまで、フェードします。
  • callback : フェードが終了した後に実行されるコールバック関数。(オプション)

戻り値

  • jQueryオブジェクト

"jQuery" という文字列をテキストに含む li要素を取得し、速度 "slow" で、不透明度 0.5 になるまでフェードします。 フェード完了後、"フェード完了" の文字列をアラート表示します。

$("ul > li:contains('jQuery')", "#test_result").fadeTo(
    "slow",
    0.5,
    function(){alert('フェード完了')}
);

マッチした全ての li要素を、不透明度 0.2 になるまで、5秒間かけてフェードします。

$("ul > li", "#test_result").fadeTo(5000, 0.2);

  • jQuery
  • prototype.js
  • Ext
  • script.aculo.us
  • YUI