jQuery的滑动滑动方法元素上下。
点击向下滑动/向上面板
因为时间非常宝贵,我们提供快速,方便的学习。
在w3ii,你可以学习你需要学习的一切,在方便和得心应手的格式。
例子
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);
可选的速度参数指定的效果的持续时间。 它可以采取以下值: "slow", "fast" ,或毫秒。
可选的回调参数是滑动完成之后将要执行的功能。
下面的例子演示slideDown()方法:
jQuery的slideUp()方法
jQuery的slideUp()方法用来向上滑动的元件。
句法:
$(selector).slideUp(speed,callback);
可选的速度参数指定的效果的持续时间。 它可以采取以下值: "slow", "fast" ,或毫秒。
可选的回调参数是滑动完成之后将要执行的功能。
下面的例子演示了slideUp()方法:
jQuery的slideToggle()方法
jQuery的slideToggle()方法之间切换slideDown()和slideUp()方法。
如果这些元素已经下滑, slideToggle()将其向上滑动。
如果这些元素已经下滑了, slideToggle()将其滑下。
$(selector).slideToggle(speed,callback);
可选的速度参数可以采取以下值: "slow", "fast" ,单位为毫秒。
可选的回调参数是滑动完成之后将要执行的功能。
下面的例子演示slideToggle()方法:
自测练习用!
jQuery效果参考
对于所有的jQuery效果的完整概述,请访问我们的jQuery效果参考 。