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)

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