$("元素").animate({ ... 指定動作 ...} , 運作的時間 , 動畫運作曲線 , 完成後執行);
$('html , body').animate({ scrollTop: '0px' } , 'fast' , 'swing');
目前已知可用的如下
backgroundColor
backgroundPosition
borderWidth
marginLeft
marginTop
paddingLeft
paddingTop
height
width
fontSize
scrollTop

更多的可參考
http://www.w3school.com.cn/jquery/effect_animate.asp
此外注意jQ的CSS樣式(marginLeft)寫法與CSS樣式(margin-left)稍微不同.

運作的時間可設定為數字："1000"(1s)
或是使用"fast" , "slow"之類

動畫運作曲線可用的內建兩個值為swing與linear,
其他可參考http://api.jqueryui.com/easings/
但須嵌入jQueryUI的js

完成後執行則為function(){ ... }

可於用$("元素").delay(時間).animate(...); 來延遲淡入淡出的啟動時間


淡入：$("元素").fadeIn(時間 , 動畫運作曲線 , 完成後執行);
淡出：$("元素").fadeOut(時間 , 動畫運作曲線 , 完成後執行);
淡入淡出交互：$("元素").fadeToggle(時間 , 動畫運作曲線 , 完成後執行);
指定透明度：$("元素").fadeTo(時間 , 指定透明度 , 動畫運作曲線 , 完成後執行);
時間：可選擇"fast" , "slow" , 或是指定的數值(e.g. "1000" , "1s")

動畫運作曲線：內建"linear","swing",
其他可參考http://api.jqueryui.com/easings/
但須嵌入jQueryUI的js

可於用$("元素").delay(時間).fadeIn(...); 來延遲淡入淡出的啟動時間