jQuery 基礎チュートリアル

jQuery エフェクト

fadeOut()メソッドを使用して、選択された要素の不透明度を徐々に見えなくします。

このメソッドは通常、fadeIn()方法を組み合わせて使用します。

注意：非表示要素はページレイアウトに影響を与えなくなります。

$(selector)fadeOut.(duration,　easing,　callback)

すべての<p>要素をフェードアウト：

例

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

使用durationパラメータ：

例

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

使用callbackパラメータ：

例

$("button").click(function(){
　　$("div").fadeOut(600, function(){}
　　　　$("h3").text("Fade OUT complete.");
　　});
});

私たちは、簡単な画像などの任何の要素にフェードイン/フェードアウト効果を実現できます：

例

$("button").click(function(){
　　$("img").fadeOut();
});

パラメータ	説明
duration	（オプション）減衰効果がどれくらいの長さで続くかを決定します。デフォルト値は400ミリ秒可能な値：ミリ秒（例えば100、500、2000など）「fast」「slow」
easing	（オプション）アニメーションの異なるポイントで要素の速度を指定する文字列。デフォルト値は「swing」可能な値：「swing」-始めに/終わりに近づくと動きが遅くなり、途中では速くなる「linear」-恒定的な速度で動く
callback	（オプション）fadeOut()メソッドが完了した後、指定された関数を、各選択された要素に対して一度ずつ呼び出します