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
});