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) //立即完成當前動畫，停止後續動畫的執行