讀<jquery 權威指南>[3]-動畫

1. 方法：

hide(speed,[callback]);

show(speed,[callback]);

     說明：這兩個方法還可以實作帶動畫效果的顯示隐藏。speed可以是“slow"(600毫秒)、"normal"(400毫秒)、"fast"(200毫秒)，可以直接是毫秒數。

      callback是動畫執行完的回調函數。

2.執行個體：

 html

<a></a>

1. 方法

toggle()：無參數，直接切換顯示隐藏狀态；

toggle(switch)：switch是布爾值，true顯示元素，false隐藏元素。

toggle(speed,[callback]):speed為切換速度；callback為動畫效果執行之後的回調函數。

說明：當以動畫效果展示時，元素的width,height,padding,margin都以動畫形式展示。

2. 執行個體：

slideUp(speed,[callback]):向上滑動，減小元素高度至0

slideDow(speed,[callback]):向下滑動，增大元素高度。

slideToggle(speed,[callback]):以動畫效果切換元素高度。

1. 淡入淡出方法

fadeIn(speed,[callback]):淡入，透明度由0.0到1.0；

fadeOut(speed,[callback]):淡出，透明度由1.0到0.0；

執行個體：

2. fadeTo(speed,opacity,[callback])：以動畫效果将透明度設定為一個指定值，還可以設定回調函數。

1.方法 ：

animate(params,[duration],[easing],[callback])

說明：param表示要調整的屬性鍵值對，duration表示速度，easing表示動畫插件，callback表示動畫效果完成後的回調效果。

注意：

params的屬性名要使用駱駝寫法，例如font-size要寫成fontSize。

如果想以動畫形式移動元素位置，則position必須設定為relative或者absolute。

隊列動畫：在元素中執行一個或者多個animate方法。

    本文轉自 陳敬（Cathy） 部落格園部落格，原文連結：http://www.cnblogs.com/janes/p/3533706.html，如需轉載請自行聯系原作者