jQuery 效果 - 滑动式

jQuery 滑动方法向上和向下滑动元素。

单击可向下/向上滑动面板

示例

jQuery SlideDown()
演示 jQuery SlideDown() 方法。

jQuery SlideUp()
演示 jQuery SlideUp() 方法。

jQuery 幻灯片切换()
演示 jQuery SlideToggle() 方法。

jQuery 滑动方法

使用 jQuery，您可以在元素上创建滑动效果。

jQuery 有以下幻灯片方法：

• slideDown()
• slideUp()
• slideToggle()

jQuery SlideDown() 方法

jQueryslideDown()方法用于向下滑动元素。

语法：

可选的速度参数指定效果的持续时间。它可以采用以下值："slow"、"fast" 或毫秒。

可选的回调参数是滑动完成后要执行的函数。

下面的例子演示了slideDown()方法：

jQuery SlideUp() 方法

jQueryslideUp()方法用于向上滑动元素。

语法：

可选的速度参数指定效果的持续时间。它可以采用以下值："slow"、"fast" 或毫秒。

可选的回调参数是滑动完成后要执行的函数。

下面的例子演示了slideUp()方法：

jQuery SlideToggle() 方法

jQueryslideToggle()方法在之间切换slideDown()和slideUp()方法。

如果元件已向下滑动，slideToggle()会将它们向上滑动。

如果元件向上滑动，slideToggle()会将它们滑落。

可选的速度参数可以采用以下值："slow"、"fast"、毫秒。

可选的回调参数是滑动完成后要执行的函数。

下面的例子演示了slideToggle()方法：

jQuery 练习

$("div").();

jQuery 效果参考

有关所有 jQuery 效果的完整概述，请访问我们的jQuery 效果参考。