Javascript 排队脚本2动画

文档说添加

position:end

会一个接一个地排列动画 其他的。对吧?

但是像这样的事情是行不通的：

$('box').morph('height:100px', {duration:3, position:'end'});
$('box').morph('background-color:red', {duration:3, position:'end'});
$('box2').morph('background-color:pink', {duration:3, position:'end'});

→

第二个盒子在等待第一个盒子转动时变成粉红色

---

红色我错过了什么吗？

你可以简单地像这样链接变形：

$('box').morph('height:100px', {duration:3}).morph('background:#ff0000', {duration:3});

此外，您还必须编写“background:#ff0000”，并将背景颜色放在方框的style属性中，否则您将无法通过js更改背景

以下是您编辑的示例：

更新： 如果要使#box2在前两个变形完成后变为红色：

---

我不希望在之后使用

，因为如果我想要一系列的连续事件，那么它将变得不可管理（函数中的函数中的函数…）