jQuery 動畫

動畫效果
slideDown(100)下到上顯示
slideToggle(100)上到下顯示
slideUp(100)上到下隱藏
fadeIn(100)淡淡顯示
fadeOut(100)淡淡顯示
fadeToggle()自動切換
hide(100)右下角隱藏
show(100)左上角顯示
animate({},100)自定義動畫
fast 200毫秒
slow 600毫秒
預設400毫秒
toggle判斷

stop()取消動畫效果

列隊動畫方法

使用回調函數，強行將.css()方法排隊到.slideDown()之後
$('#box').slideUp('slow').slideDown('slow',function(){
$(this).css('background','orange');
});

使用.queue()方法模擬動畫方法跟隨動畫方法之後
$('#box').slideUp('slow').slideDown('slow').queue(function(){
$(this).css('background','orange');
});

使用 next 參數來實現繼續調用列隊動畫
$('#box').slideUp('slow').slideDown('slow').queue(function(next){
$(this).css('background','orange');
next();
}).hide('slow');

使用順序調用的列隊，逐個執行，非常清晰
$('#box').slideUp('slow');
$('#box').slideDown('slow');
$('#box').queue(function(){
$(this).css('background','orange');
$(this).dequeue();
})
$('#box').hide('slow');

獲取當前列隊的長度，fx 是預設列隊的參數
functioncount(){
return$("#box").queue('fx').length;
}

在某個動畫處調用
$('#box').slideDown('slow',function(){alert(count());});

清理動畫列隊
$('#box').slideDown('slow',function(){$(this).clearQueue()});

動畫相關方法

強制停止運行中的
stop(true,true);
第一個參數表示是否取消列隊動畫，預設為 false。如果參數為 true，當有列隊動 畫的時候，會取消後面的列隊動畫。
第二參數表示是否到達當前動畫結尾，預設為 false。 如果參數為 true，則停止後立即到達末尾處。

動畫全局屬性
設置運行幀數為1000毫秒 預設為 13
$.fx.interval=1000;

設置動畫為關閉 true 預設為 false
$.fx.off=true;