jquery 动画效果

一、基本效果（显示 / 隐藏）

三个方法的参数是一样的：
speed：动画速度，可以是(“slow”,“normal”, or “fast”)或数字
easing：动画效果 “swing"或"linear”
fn：动画执行完成之后要执行的操作
注意： 如果不写参数，则没有动画效果，直接隐藏；只写一个参数就有动画效果，其中函数中不写语句也会有动画效果。

名称	含义
$(".top").hide(speed, “easing”, fn）	隐藏不占位置，同时宽度、高度、不透明度都编变成0
$(".top").show(speed, “easing”, fn）	显示，同时宽度、高度、不透明度都变成初始值
$(".top").toggle(speed, “easing”, fn）	显示隐藏切换

二、滑动

三个方法的参数是一样的：
speed：动画速度，可以是(“slow”,“normal”, or “fast”)或数字
easing：动画效果 “swing"或"linear”
fn：动画执行完成之后要执行的操作
注意： 如果不写参数，也有动画效果

名称	含义
$(".top").slideUp(speed, “easing”, fn）	上滑隐藏不占位置，同时高度变成0，宽度和不透明度不变
$(".top").slideDown(speed, “easing”, fn）	下滑显示，同时高度变成初始值
$(".top").slideToggle(speed, “easing”, fn）	上滑下滑切换

三、淡入淡出

1. 前三个方法的参数是一样的：
speed：动画速度，可以是(“slow”,“normal”, or “fast”)或数字
easing：动画效果 “swing"或"linear”
fn：动画执行完成之后要执行的操作
注意： 如果不写参数，也有动画效果

2. fadeTo方法的参数：
speed：动画速度，可以是(“slow”,“normal”, or “fast”)或数字
o：透明度的最终值
easing：动画效果 “swing"或"linear”
fn：动画执行完成之后要执行的操作
注意： 前两个参数必须写

名称	含义
$(".top").fadeOut(speed, “easing”, fn）	上滑隐藏不占位置，同时高度变成0，宽度和不透明度不变
$(".top").fadeIn(speed, “easing”, fn）	淡入显示，不透明度变成初始值
$(".top").fadeToggle(speed, “easing”, fn）	淡入淡出切换
$(".top").fadeTo(speed, o,“easing”, fn）	透明度淡入或淡出到什么值

四、自定义动画

名称	含义
$(".top").animate(p,[s],[e],[fn])	给元素添加自定义动画，其参数(前两个必写，后两个可不写)含义： p：对象，里面是要变化的属性 s：动画速度，可以是(“slow”,“normal”, or “fast”)或数字 e：动画效果 "swing"或"linear" fn：动画执行完成之后要执行的操作
$(".top").stop([c],[j])	停止动画，其参数的含义： c：布尔值，默认值是false，指是否删除动画队列结束动画，true就是删除队列并结束动画，false就不删除队列不结束动画 j：布尔值，默认值是false，指是否立即完成当前正在执行的动画，true就立即完成，false就是立即停止当前的动画
$(".top").delay(d).animate(p,[s],[e],[fn]	参数d是推迟的时间，把后面的动画推迟多长时间再执行
$(".top").finish()	结束当前元素的动画：删除后面动画队列，立即停止当前执行的动画，并且元素的动画跳转到最终值