jQuary总结7:动画操作,显示与隐藏 淡入淡出, 滑入滑出

时间：2021-08-22 15:13:31

1 jquery提供了三组基本动画，这些动画都是标准的、有规律的效果，jquery还提供了自定义动画的功能。

2 显示与隐藏:

  • show([speed],[easing],[callback]) 显示

  • hide([speed],[easing],[callback]) 隐藏

  • toggle([speed],[easing],[callback]) 显示隐藏的切换

3 滑入与滑出

  • slideDown([speed],[easing],[callback]) 滑入

  • slideUp([speed],[easing],[callback]) 滑出

  • slideToggle([speed],[easing],[callback]) 滑入滑出切换

4 淡入与淡出

  • fadeIn([speed],[easing],[callback]) 淡入

  • fadeOut([speed],[easing],[callback]) 淡出

  • fadeToggle([speed],[easing],[callback]) 淡入淡出切换

5 参数详解:

  -1. speed(可选)：动画的执行时间

​ 如果不传，就没有动画效果。

-2  easing(可选) : 用来指定切换效果，默认是"swing"，可用参数"linear"

-3  callback(可选):执行完动画后执行的回调函数

相关文章