Question

文档说在之后添加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'});

→http://jsfiddle.net/kf8Ys/

当它应该等待第一个盒子转动时，第二个盒子会变成粉红色红色。我错过了什么吗？

Answer 1

您可以直接链接变形：

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

此外，你必须写'background：＃ff0000'并将background-color放在你的盒子的style属性中，否则你永远无法通过js更改BG。

这是您编辑过的exapmle： http://jsfiddle.net/Vhy8e/

更新：如果你想让＃box2在前两个变形完成后变为红色： http://jsfiddle.net/W5w6S/

排队Scripty2动画

1 个答案: