动画队列

jQuery提供了以下方法操作动画队列。

• .stop( [clearQueue ] [, jumpToEnd ] )
  停止当前正在运行的动画
  clearQueue(default: false)
  jumpToEnd(default: false)

• .clearQueue
  清除动画队列中未执行的动画

• .finish
  停止当前动画，并清除动画队列中所有未完成的动画,最终展示动画队列最后一帧的最终状态

• .queue( [queueName,]callback )
  将callback动画数添加到当前jQuery对象里所有DOM元素的动画函数队列的尾部

• properties是一个CSS属性和值的对象,动画将根据这组对象移动。

$('#clickme').click(function() {
  $('#book').animate({
    opacity: 0.25,
    left: '+=50',
    height: 'toggle'
  }, 5000, function() {
    // Animation complete.
  });
});