JQuery学习笔记(六)---滑动效果

• 功能介绍
• 实现方法
  • slideDown()
  • slideUp()
  • slideToggle()
• 参考文献

功能介绍

在网页上创建具有滑动效果的特效. 滑动效果不同于淡入淡出, 所占空间是渐变的过程而淡入淡出的颜色效果是渐变的.

实现方法

JQuery中有三种方法实现滑动效果, 分别是:

• slideDown()用于向下滑动选定元素. (是显示效果)

• slideUp()用于向上滑动选定元素. (是隐藏效果)

• slideToggle()用于在向上滑动和向下滑动之间转换.

slideDown()

slideDown()用于向下滑动, 具有显示效果.

用法: $(selector).slideDown(speed, callback);

slideUp()

slideUp()用于向上滑动, 具有隐藏效果.

用法: $(selector).slideUp(speed, callback);

slideToggle()

slideToggle()用于在slideDown()和slideUp()之间转换.

用法: $(selector).slideToggle(speed, callback);

参考文献

• w3school