Latest web development tutorials

jQueryの効果 - フェード

jQueryのことで、あなたは要素が効果をフェードアウト実装することができます。

表示フェードイン/アウトパネルをクリックします

時間は貴重であるため、我々は学ぶために迅速かつ便利な方法を提供します。

このチュートリアルでは、必要な知識を学ぶことができます。

例

jQueryのフェードイン（）
デモjQueryのフェードイン（）メソッド。

jQueryのフェードアウト（）
デモjQueryのフェードアウト（）メソッド。

jQueryのfadeToggle（）
デモjQueryのfadeToggle（）メソッド。

jQueryのfadeTo（）
デモjQueryのfadeTo（）メソッド。

jQueryのフェージング方法

jQueryのことで、あなたは要素が効果をフェードアウト実装することができます。

jQueryのは、4フェード次のメソッドがあります。

  • フェードイン（）
  • フェードアウト（）
  • fadeToggle（）
  • fadeTo（）

jQueryのフェードイン（）メソッド

jQueryのフェードインは（）隠し要素をフェードインするために使用されます。

構文：

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

オプションの速度パラメータは、効果の持続時間を指定します。 それは次の値をとることができる：「遅い」、「速い」、またはミリ秒。 。

オプションのコールバックパラメータが完了退色後に実行する関数の名前です。

次の例では、異なるパラメータフェードイン（）メソッドで、示しています。

例

$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});

»をお試しください

jQueryのフェードアウト（）メソッド

jQueryのフェードアウト（）メソッドは、可視要素をフェードインするために使用されます。

構文：

$(selector).fadeOut(speed,callback);

オプションの速度パラメータは、効果の持続時間を指定します。 それは次の値をとることができる：「遅い」、「速い」、またはミリ秒。

オプションのコールバックパラメータが完了退色後に実行する関数の名前です。

次の例では、異なるパラメータフェードアウト（）メソッドで、示しています。

例

$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});

»をお試しください

jQueryのfadeToggle（）メソッド

jQueryのfadeToggle（）メソッドは、フェードイン（）やフェードアウト（）メソッドとの間で切り替えることができます。

要素が残っている場合は、fadeToggleは（）要素にフェード効果を追加します。

要素がフェードであれば、fadeToggleは（）要素にフェードアウト効果を追加します。

構文：

$(selector).fadeToggle(speed,callback);

オプションの速度パラメータは、効果の持続時間を指定します。 それは次の値をとることができる：「遅い」、「速い」、またはミリ秒。

オプションのコールバックパラメータが完了退色後に実行する関数の名前です。

次の例では、異なるパラメータfadeToggle（）メソッドで、示しています。

例

$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
});

»をお試しください

jQueryのfadeTo（）メソッド

jQueryのfadeTo（）メソッドは、指定されたグラデーションの不透明度（0と1の間の値）を可能にします。

構文：

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

時間の長さを必要な速度パラメータが効果を指定しました。 それは次の値をとることができる：「遅い」、「速い」、またはミリ秒。

不透明度が必要なfadeTo（）メソッドは、指定された不透明度（0と1の間の値）に効果をフェードしますパラメータ。

オプションのコールバックパラメータは、実行される機能の完了後に関数の名前です。

次の例では、異なるパラメータ（）メソッドでfadeToを示しています。

例

$("button").click(function(){
$("#div1").fadeTo("slow",0.15);
$("#div2").fadeTo("slow",0.4);
$("#div3").fadeTo("slow",0.7);
});

»をお試しください