JQuery簡單動畫效果的發生順序和animate方法

（1）在同一組元素上的效果

• 當在一個.animate()方法中以多個屬性的方式應用時，是同時發生的。
• 當以方法連綴的形式應用時，是按順序發生的（排隊效果）---除非queue選項值爲false。

（2）多組元素上的效果

• 默認狀況下是同時發生的
• 當在另外一個效果方法或者在.queue()方法的回調函數中應用時，是按順序發生的（排隊效果）。

關於animate方法，此方法用於建立自定義動畫，而且可以規定動畫執行時長、擦除效果。動畫完成後還能夠地觸發一個回調函數。

animate方法有兩種形式，第一種接受4個參數：

1. 一個包含樣式屬性和值的對象
2. 可選的時長參數
3. 可選的緩動（easing）類型
4. 可選的回調函數

形式以下所示：

.animate({property1: 'value1',property2: 'value2'}，duration，easing，function(){});

第二種形式接受兩個參數，一個屬性對象和一個選項對象：

.animate({properties},{options});

實際上這裏的第二個參數是將第一種形式的2-4參數封裝在了另外一個參數中，同時添加了兩個選項。

.animate({
    property1: 'value1',
    property2: 'value2'
    }, {
    duration: 'value'
    easing: 'value'
    complete: function(){},
    queue: true,
    step: callbakc
});