一、動畫格式：
格式一：jQueryObject.animate( cssProperties, options )
格式二：$('#id').animate( styles[, duration ] [, easing ] [, complete ] )
手動調用方法：$('#id').dqueue( [ queueName ] )
停止方法：$('#id').stop( [ queueName ] [, clearQueue [, jumpToEnd ] )
二、屬性介紹：
2-1、animate屬性：部分資料來源：更多>>
styles： 執行的css動畫集合:一個或多個css屬性的鍵值對所構成的Object對象。
speed/option： 執行時間/可以設置相關屬性(指定動畫運行多長時間(毫秒數)，默認值為400。該參數也可以為字符串"fast"(=200)或"slow"(=600))；
easing：指定使用何種動畫效果，默認為"swing"，還可以設為 "linear"或其他自定義的動畫樣式函數。
callback：回調函數
2-2、stop屬性：
queueName：(默認：'fx')需要停止動畫的隊列名稱；
clearQueue：(默認：false)是否執行清除后續隊列:$(selector).animate(a,b,c)..animate(a2,b2,c2).animate(a3,b3,c3)...N；
jumpToEnd：（默認：false）是否停止當前執行的動畫同時直接跳到動畫的效果最終結果；
示例：
1、自動執行
$(selector).animate(a,b,c)..animate(a2,b2,c2).animate(a3,b3,c3)...N；
stop()方法使用實例：
$('#btnstop').click( function(){
var v = $('#animation').val();//文本框或其他控件傳入1、2、3、4等值
var $myDiv = $('#myDiv');
if(v == '1'){
$myDiv.stop( ); // 停止當前動畫，不清空隊列，即會繼續執行下一個動畫效果
}else if(v == '2'){
$myDiv.stop( true ); // 停止當前動畫，清空隊列，及停止全部動畫效果
}else if(v == '3'){
$myDiv.stop( 'fx', true ); // 等同於'2''fx'
}else if(v == '4'){
$myDiv.stop( true, true ); // 清空隊列，直接完成當前動畫
}
} );
2、手動執行
animate代碼：
$('#dv').animate({
'borderWidth':'20px',
'position'.'absolute',
'left','20px',
'top','20px'
},{
duration:3000,//執行動畫的時間（毫秒）
easing:'swing',//指定使用何種動畫效果
queue:'qName'//指定動畫名稱
})
調用方法代碼：
$('#btnStar').clik(function (){
$('#id').dqueue('qName')//$('#id')對象執行動畫名稱為'qName'的動畫
}
停止方法代碼
$('#btnStop').clik(function (){
$('#id').stop('qName')//$('#id')停止執行動畫名稱為'qName'的動畫
}
以上都是對方法 animate() & .stop()的個人理解！！如有錯誤請回復指正！