jQueryエフェクト - スライド
jQueryのスライドメソッドは、要素を上下にスライドさせます。
クリックしてパネルを上下にスライド
時間は貴重なので、迅速で簡単な学習を提供します。
テックアイエスガイドでは、学習に必要なすべてを、アクセスしやすく便利な形式で学習できます。
例
jQuery slideDown()
jQueryのslideDown()メソッドのデモを行います。
jQuery slideUp()
jQueryのslideUp()メソッドのデモを行います。
jQueryのslideToggle()メソッドのデモを行います。
jQueryスライドメソッド
jQueryを使用すると、要素にスライド効果を作成できます。
jQueryには次のスライドメソッドがあります。
slideDown()
slideUp()
slideToggle()
jQuery slideDown()メソッド
slideDown()
要素をスライドダウンするにはjQueryメソッドを使用します。
構文:
オプションの速度パラメーターは、エフェクトの持続時間を指定します。「"slow"」、「"fast"」、またはミリ秒の値を取ることができます。
オプションのコールバックパラメータは、スライディングの完了後に実行される関数です。
次の例は、このslideDown()
方法を示しています。
jQuery slideUp()メソッド
slideUp()
要素をスライドアップするにはjQueryメソッドを使用します。
構文:
オプションの速度パラメーターは、エフェクトの持続時間を指定します。「"slow"」、「"fast"」、またはミリ秒の値を取ることができます。
オプションのコールバックパラメータは、スライディングの完了後に実行される関数です。
次の例は、このslideUp()
方法を示しています。
jQuery slideToggle()メソッド
jQueryのslideToggle()
メソッドは、slideDown()
メソッドとslideUp()
メソッドを切り替えます。
要素が下にスライドされている場合、slideToggle()
は要素を上にスライドさせます。
要素が上にスライドされている場合、slideToggle()
は要素を下にスライドさせます。
オプションの速度パラメーターは、「slow」、「fast」、ミリ秒の値を取ることができます。
オプションのコールバックパラメータは、スライディングの完了後に実行される関数です。
次の例は、slideToggle()
メソッドのデモです。
jQueryエフェクトリファレンス
すべてのjQuery効果の完全な概要については、jQuery エフェクトリファレンスを参照してください。
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。