jQuery 动画效果

1.基本效果

（1）隐藏

hide()

hide(speed [,callback])

（2）显示

show()

show(speed [,callback])

（3）交替显示隐藏

toggle()  //单击一次隐藏，再单击一次显示，循环。。。。

toggle(switch)  //switch 为true则显示，false则隐藏

toogle(speed [,callback])

2.滑动效果

（1）向上收缩

slideUp(speed [,callback])

（2）向下展开

slideDown(speed [,callback])

（3）交替伸缩样式

slideToggle(speed [,callback])  //一次收缩一次展开，循环。。。

3.淡入淡出效果

（1）淡入

fadeIn(speed [,callback])

（2）淡出

faseOut(speed [,callback])

（3）自定义不透明度

fadeTo(speed, opacity [,callback])//opacity是要调整到的不透明度值

4.自定义动画效果

（1）自定义动画

animate(styles,speed, easing [,callback])

styles：用于规定产生动画效果的CSS样式，注意所有指定的CSS样式DOM名称来设置，而不是CSS名称，如用"fontSize"来代替"font-size".

　　　　esaing：用于指定在不同的动画点中设置动画速度的easing函数，内置的easing函数包括swing 和linear

animate(styles,options)

　　　　该函数是上面函数的重载。第一个参数与上一个一样。

options 是可选项，用于规定动画的额外选项，包括 speed, easing, callback, step（指定动画的每一步完成之后要执行的函数）, queue（指定动画是否进入效果队列）

stop(stopAll,gotoEnd)

stopAll 是可选的，如果为 true 则立即结束所有动画。

gotoEnd 使当前正在执行的动画立即完成，并重新设置show 和 hide 的原始样式。

（2）jQuery 动画队列

queue(name,callback)

　　将动画函数添加到队列中，name 表示队列函数，callback 表示动画完成后执行的函数

queue(name, queue)

　　将队列用一个新的队列（函数数组）来代替。

dequeue([name])

　　将函数数组中的第一个函数取出并执行。

delay(duration[,queueName])

duration 表示延时时间

clearQueue(name)

　　清除队列中所有未执行的函数。