Latest web development tutorials

jQueryの効果 - スライド

jQueryのスライド要素法は、上下にスライドすることができます。

非表示にするには、ここをクリックしてください/ディスプレイパネル

時は金なり、私たちは迅速かつあなたのための学習内容を理解しやすい提供しています。

ここで、あなたが必要なすべての知識を得るための便利なモードによって理解することができます。

例

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

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

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

jQueryのスライド方法

jQueryのことで、あなたは、要素のスライド効果を作成することができます。

jQueryのは、次のスライドのメソッドがあります。

  • slideDown（）
  • slideUp（）
  • slideToggle（）

jQueryのslideDown（）メソッド

jQueryのslideDown（）メソッドは、要素をスライドダウンするために使用されます。

構文：

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

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

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

次の例では、slideDown（）メソッドを示しています。

例

$("#flip").click(function(){
$("#panel").slideDown();
});

»をお試しください

jQueryのslideUp（）メソッド

jQueryのslideUp（）メソッドは、要素をスライドアップするために使用されます。

構文：

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

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

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

次の例では、slideUp（）メソッドを示しています。

例

$("#flip").click(function(){
$("#panel").slideUp();
});

»をお試しください

jQueryのslideToggle（）メソッド

jQueryのslideToggle（）メソッドは、slideDown（）とslideUp（）メソッドとの間で切り替えることができます。

下向きの要素をスライドした場合、slideToggle（）はそれらをスライドさせることができます。

あなたは要素を上にスライドした場合、slideToggle（）はそれらを下にスライドすることができます。

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

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

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

次の例では、slideToggle（）メソッドを示しています。

例

$("#flip").click(function(){
$("#panel").slideToggle();
});

»をお試しください