jquery动画队列简单介绍

本章节介绍一个简单的概念，那就是什么是动画队列。

先看看一段代码实例:

$('span', this).animate({
  left: '0',
  width: '100%',
  right: '0'
}, 200);

上面的代码，可能很多朋友认为是三个动画队列，分别设置left、width和right属性值。

其实并非如此，这个三个属性的变化是同时进行的，可以认为是一个复合动画，但不是一个队列。

再来看一段代码实例:

$('div').animate({ 'left': '250px' }, 1000).animate({ 'left': '0px' }, 1000)

上面的代码才是一个动画队列，设置动作会依次执行。