jQueryエフェクト - フェード
jQueryを使用すると、要素をフェードインまたはフェードアウトできます。
クリックしてパネルをフェードイン/フェードアウトします
時間は貴重なので、迅速で簡単な学習を提供します。
テックアイエスガイドでは、学習に必要なすべてを、アクセスしやすく便利な形式で学習できます。
例
jQuery fadeIn()
jQuery fadeIn()メソッドのデモを行います。
jQuery fadeOut()jQuery fadeOut()メソッドのデモを行います。
jQuery Toggle()
jQuery fadeToggle()メソッドのデモを行います。
jQuery fadeTo()jQuery fadeTo()メソッドのデモを行います。
jQueryフェージングメソッド
jQueryを使用すると、要素をフェードインまたはフェードアウトできます。
jQueryには、次のフェードメソッドがあります。
fadeIn()fadeOut()fadeToggle()fadeTo()
jQuery fadeIn()メソッド
jQueryfadeIn()メソッドは、非表示要素をフェードインするために使用されます。
構文：
オプションの速度パラメーターは、エフェクトの持続時間を指定します。「"slow"」、「"fast"」、またはミリ秒の値を取ることができます。
オプションのコールバックパラメータは、フェーディングの完了後に実行される関数です。
次の例は、fadeIn()さまざまなパラメーターを使用したメソッドを示しています。
例
jQuery fadeOut()メソッド
jQueryfadeOut()メソッドは、表示要素をフェードアウトするために使用されます。
構文：
オプションの速度パラメーターは、エフェクトの持続時間を指定します。「"slow"」、「"fast"」、またはミリ秒の値を取ることができます。
オプションのコールバックパラメータは、フェーディングの完了後に実行される関数です。
次の例は、fadeOut()さまざまなパラメーターを使用したメソッドを示しています。
例
jQuery fadeToggle()メソッド
jQueryfadeToggle()メソッドは、fadeIn()メソッドとfadeOut()メソッドを切り替えます。
要素がフェードアウトしている場合、fadeToggle()は要素をフェードインします。
要素がフェードインしている場合、fadeToggle()は要素をフェードアウトします。
構文：
オプションの速度パラメーターは、エフェクトの持続時間を指定します。「"slow"」、「"fast"」、またはミリ秒の値を取ることができます。
オプションのコールバックパラメータは、フェーディングの完了後に実行される関数です。
次の例は、fadeToggle()さまざまなパラメーターを使用したメソッドを示しています。
例
jQuery fadeTo()メソッド
jQueryfadeTo()メソッドを使用すると、特定の不透明度(0から1の間の値)にフェードできます。
構文：
必須の速度パラメータは、エフェクトの持続時間を指定します。「"slow"」、「"fast"」、またはミリ秒の値を取ることができます。
メソッド内の必須の不透明度パラメーターは、fadeTo()特定の不透明度(0から1までの値)へのフェードを指定します。
オプションのコールバックパラメータは、関数の完了後に実行される関数です。
次の例は、fadeTo()さまざまなパラメーターを使用したメソッドを示しています。
例
jQueryエフェクトリファレンス
すべてのjQueryエフェクトの完全な概要については、jQueryエフェクトリファレンスを参照してください。
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。