jquery动画队列简单介绍

快乐打工仔 分类:实例代码

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

先看看一段代码实例:

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

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

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

再来看一段代码实例:

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

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

网站出售中,有意者加微信:javadudu

回复

我来回复
  • 暂无回复内容