一.jq動畫基礎
1.顯示和隱藏 (默認無動畫,當添加參數(shù)的時候會有動畫)
show()/hide() 顯示和隱藏,括號內可以傳遞參數(shù),fase,normal,slow (200ms,400ms,600ms)
$('#d1').click(function(){
$('div').hide('fast')
})
toggle() 根據當前狀態(tài)顯示或隱藏(當有這個的時候隱藏,無的時候顯示)
2.滑動
slideDown():向下展開
slideUp():向上拉收起來
3.漸變
fadeIn(): 淡入
fadeOut(): 淺出
4.自定義動畫
animate(樣式,時間,結束后的狀態(tài))
$('#d1').click(function(){
$('div').animate({
'width':'300px',
'height':'300px'
},3000,function(){
$('div').css({
'width':'100px',
'height':'100px'
})
})
})
5.stop() 停止動畫
stop(true,true)可以帶參數(shù)
參數(shù)1:是否立即停止動畫,true為立即停止
參數(shù)2:執(zhí)行完當前動畫,再停止其他動畫
