jQuery动画事件

show(time[,fn])–显示

$('div').show() //默认是normal=400，而slow=600，fast=200

注意
show里面可以有参数，参数表示完成show动画所需要的时间，单位为ms。

hide(time[,fn])–隐藏

$('div').hide()

注意：用法同show()。

toggle(time[,fn])–显示隐藏（有则隐藏，无则显示）

$('div').toggle()

注意：用法同show()

slideDown(time[,fn])–展开

$('div').slideDown(1000)

用法同show()

slideUp(time[,fn])–收起

$('div').slideUp(1000)

用法同show()

slideToggle(time[,fn])–展开收起（展开则收起，收起则展开）

$('div').slideToggle(1000)

用法同show()

stop(time[,fn]]–停止当前运行的动画

$('div').stop()

animate–自定义动画

第一个参数，接收一个对象，对象中是要修改的属性；
第二个参数，指定动画时长；
第三个参数，指定动画节奏，默认就是swing，还有linear；
第四个参数，动画执行完毕的回调函数。
累加动画：

$('div').animate({
	width:'+=200'},  //取值为hide时，相当于slideup()动画效果，取值为toggle时，
						//在sildeDown和slideUp之间进行切换。
	1000,
	swing,
	function(){
	alert('我是谁？')
	)

delay(ms)

延迟动画的执行

animate().delay(1000).animate //执行完第一个动画后延迟一秒再继续执行下一个动画。

stop()–停止当前动画的执行

（1）无参数情况

$('div').stop() //停止当前动画的执行（停止在执行到的位置），继续执行后续动画

（2）有参数情况

$('div').stop(false) //停止当前动画的执行（停止在执行到的位置），继续执行后续动画

$('div').stop(false,false) //停止当前动画的执行（停止在执行到的位置），继续执行后续动画

$('div').stop(true) //停止当前动画的执行（停止在执行到的位置），及后续所有的动画

$('div').stop(true，false) //停止当前动画的执行（停止在执行到的位置），及后续所有的动画

$('div').stop(false，true) //立即完成当前动画，继续执行后续动画

6）

$('div').stop(true，true) //立即完成当前动画，停止后续动画的执行