jQueryのを使用すると、視認性の内と外の要素をフェードすることができます。
/アウトパネルをフェードインする場合にクリックします
時間は貴重なものですので、私たちは迅速かつ簡単に学習を提供します。
ではw3ii 、あなたがアクセス可能で、便利な形式で、あなたが学ぶために必要なすべてを学ぶことができます。
例
jQueryのfadeIn()
jQueryの実証fadeIn()メソッドを。
jQueryのfadeOut()
jQueryの実証fadeOut()メソッドを。
jQueryのfadeToggle()
jQueryの実証fadeToggle()メソッドを。
jQueryのfadeTo()
jQueryの実証fadeTo()メソッドを。
jQueryのフェージング方法
jQueryのを使用すると、視認性の中と外の要素をフェードすることができます。
jQueryのは、以下のフェードのメソッドがあります。
- fadeIn()
- fadeOut()
- fadeToggle()
- fadeTo()
jQueryのfadeIn()メソッド
jQueryのfadeIn()メソッドは、隠し要素をフェードインするために使用されます。
構文：
$(selector).fadeIn(speed,callback);オプションの速度パラメータは、効果の持続時間を指定します。 それは次の値を取ることができます： "slow", "fast" 、またはミリ秒。
オプションのコールバックパラメータは、フェージングが完了した後に実行される機能です。
以下の実施例は、 fadeIn()異なるパラメータを持つメソッドを：
例
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
}); »それを自分で試してみてください jQueryのfadeOut()メソッド
jQueryのfadeOut()メソッドは、可視要素をフェードアウトするために使用されます。
構文：
$(selector).fadeOut(speed,callback);オプションの速度パラメータは、効果の持続時間を指定します。 それは次の値を取ることができます： "slow", "fast" 、またはミリ秒。
オプションのコールバックパラメータは、フェージングが完了した後に実行される機能です。
以下の実施例は、 fadeOut()異なるパラメータを持つメソッドを：
例
$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
}); »それを自分で試してみてください jQueryのfadeToggle()メソッド
jQueryのfadeToggle()メソッドは、間で切り替わりfadeIn()やfadeOut()メソッド。
要素がフェードアウトしている場合は、 fadeToggle()でそれらをフェードインします。
要素がフェードインしている場合は、 fadeToggle()それらをフェードアウトします。
構文：
$(selector).fadeToggle(speed,callback);オプションの速度パラメータは、効果の持続時間を指定します。 それは次の値を取ることができます： "slow", "fast" 、またはミリ秒。
オプションのコールバックパラメータは、フェージングが完了した後に実行される機能です。
次の例では、実証fadeToggle()異なるパラメータを持つメソッドを：
例
$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
}); »それを自分で試してみてください jQueryのfadeTo()メソッド
jQueryのfadeTo()メソッドは、指定された不透明度（0と1の間の値）にフェージングができます。
構文：
$(selector).fadeTo(speed,opacity,callback);必要な速度パラメータは、効果の持続時間を指定します。 それは次の値を取ることができます： "slow", "fast" 、またはミリ秒。
で、必要な不透明度パラメータfadeTo()メソッドは、指定された不透明度（0と1の間の値）にフェージングを指定します。
オプションのコールバックパラメータは、関数が完了した後に実行される機能です。
次の例では、実証fadeTo()異なるパラメータを持つメソッドを：
例
$("button").click(function(){
$("#div1").fadeTo("slow", 0.15);
$("#div2").fadeTo("slow", 0.4);
$("#div3").fadeTo("slow", 0.7);
}); »それを自分で試してみてください 練習で自分自身をテスト！
jQueryのエフェクトリファレンス
すべてのjQueryの効果の完全な概要については、当社をご覧くださいjQueryのエフェクトリファレンス 。