jQuery 效果 - 滑动
jQuery 滑动方法可以将元素向上或向下滑动。
点击滑动面板向下/向上
因为时间宝贵,我们提供快速简便的学习。
在 W3Schools,您可以学习所有需要学习的内容,以一种易于访问和便捷的格式。
示例
jQuery slideDown()
演示 jQuery slideDown() 方法。
jQuery slideUp()
演示 jQuery slideUp() 方法。
jQuery slideToggle()
演示 jQuery slideToggle() 方法。
jQuery 滑动方法
使用 jQuery,您可以为元素创建滑动效果。
jQuery 有以下滑动方法
slideDown()
slideUp()
slideToggle()
jQuery slideDown() 方法
jQuery slideDown()
方法用于向下滑动元素。
语法
$(选择器).slideDown(速度,回调);
可选的速度参数指定效果的持续时间。它可以接受以下值:"slow","fast",或毫秒。
可选的回调参数是在滑动完成之后要执行的函数。
以下示例演示了 slideDown()
方法
jQuery slideUp() 方法
jQuery slideUp()
方法用于向上滑动元素。
语法
$(选择器).slideUp(速度,回调);
可选的速度参数指定效果的持续时间。它可以接受以下值:"slow","fast",或毫秒。
可选的回调参数是在滑动完成之后要执行的函数。
以下示例演示了 slideUp()
方法
jQuery slideToggle() 方法
jQuery slideToggle()
方法在 slideDown()
和 slideUp()
方法之间切换。
如果元素已经向下滑动,则 slideToggle()
将向上滑动它们。
如果元素已经向上滑动,则 slideToggle()
将向下滑动它们。
$(选择器).slideToggle(速度,回调);
可选的速度参数可以接受以下值:"slow","fast",毫秒。
可选的回调参数是在滑动完成之后要执行的函数。
以下示例演示了 slideToggle()
方法
jQuery 练习
jQuery 效果参考
有关所有 jQuery 效果的完整概述,请访问我们的 jQuery 效果参考。