jQuery动画效果

1.显示/隐藏/切换

语法：show(duration,cb)/hide(duration,cb)/toggle(duration,cb)
参数一：动画时长，默认为0，即没有动画效果，所以一定要传。传递的参数有以下可能值：
数值：单位ms 例如 show(1000)
关键字：fast/normal/slow 相当于数值的 200/400/600 例如show(‘fast‘)
参数二（可选）：动画完成后执行的回调函数

注意：这个方法的最终效果相当于将内联样式的display设置为block/none

$("a").show('fast') //动画持续200毫秒
$("a").hide(600) //动画持续600毫秒
$("a").toggle() //不传递持续时间没有动画效果
$("a").toggle('xxx') //关键字错误，相当于传递了normal

2.滑入/滑出/切换

元素切换为显示时对应滑入，元素切换为隐藏时对应滑出
语法：slideDown(duration,cb)/slideUp(duration,cb)/slideToggle(duration,cb)
参数一：动画时长，默认为400，即normal。传递的参数有以下可能值：
数值：单位ms 例如slideDown(1000)
关键字：fast/normal/slow 相当于数值的 200/400/600 例如slideDown(‘fast‘)
参数二（可选）：动画完成后执行的回调函数

注意：这个方法的最终效果相当于将内联样式的display设置为block/none

$("a").slideDown('fast') //动画持续200毫秒
$("a").slideUp(600) //动画持续600毫秒
$("a").slideToggle() //不传递持续时间默认400ms
$("a").slideToggle('xxx') //关键字错误，相当于传递了normal

3.淡入/淡出/切换

语法：fadeIn(duration,cb)/fadeOut(duration,cb)/fadeToggle(duration,cb)
参数一：动画时长，默认为400，即normal。传递的参数有以下可能值：
数值：单位ms 例如fadeIn(1000)
关键字：fast/normal/slow 相当于数值的 200/400/600 例如fadeIn(‘fast‘)
参数二（可选）：动画完成后执行的回调函数

注意：这个方法的最终效果相当于将内联样式的display设置为block/none

$("a").fadeIn('fast') //动画持续200毫秒
$("a").fadeOut(600) //动画持续600毫秒
$("a").fadeToggle() //不传递持续时间默认400ms
$("a").fadeToggle('xxx') //关键字错误，相当于传递了normal