jQuery动画效果的实现

jQuery效果

jQuery给我们封装了很多动画效果，最常见的如下：

显示与隐藏：show()、hide()、toggle()

滑动：slideDown()、slideUp()、slideToggle()

淡入淡出：fadeIn()、fadeOut()、fadeToggle()、fadeTo()

自定义动画：animate()
1 显示隐藏效果
1. 语法

**show([speed],[easing],[fn])**显示

**hide([speed],[easing],[fn])**隐藏

**toggle([speed],[easing],[fn])**显示与隐藏来回切换
2. 参数

• 参数都可以省略，无动画直接显示。

• speed：三种表示速度的字符串(“slow”，“normal”，“fast”) 或表示动画时长的毫秒数(如：1000)

• easing:用来指定切换效果，默认是"swing" ,可用参数"linear"

• fn：回调函数，在动画完成时执行

的函数
2 滑动效果
1.语法

slideDown([speed],[easing],[fn])向下滑动

slideDown([speed],[easing],[fn])向上滑动

slideDown([speed],[easing],[fn])滑动切换

<