一.jq動(dòng)畫基礎(chǔ)

1.顯示和隱藏 (默認(rèn)無動(dòng)畫,當(dāng)添加參數(shù)的時(shí)候會(huì)有動(dòng)畫)

show()/hide() 顯示和隱藏,括號(hào)內(nèi)可以傳遞參數(shù),fase,normal,slow (200ms,400ms,600ms)

$('#d1').click(function(){
$('div').hide('fast')
})

toggle() 根據(jù)當(dāng)前狀態(tài)顯示或隱藏(當(dāng)有這個(gè)的時(shí)候隱藏,無的時(shí)候顯示)

2.滑動(dòng)

slideDown():向下展開

slideUp():向上拉收起來

3.漸變

fadeIn(): 淡入

fadeOut(): 淺出

4.自定義動(dòng)畫

animate(樣式,時(shí)間,結(jié)束后的狀態(tài))

$('#d1').click(function(){
$('div').animate({
'width':'300px',
'height':'300px'
},3000,function(){
$('div').css({
'width':'100px',
'height':'100px'
})
})
})

5.stop() 停止動(dòng)畫

stop(true,true)可以帶參數(shù)
參數(shù)1:是否立即停止動(dòng)畫,true為立即停止
參數(shù)2:執(zhí)行完當(dāng)前動(dòng)畫,再停止其他動(dòng)畫