如何在mootools中同时执行多个动画？

Question

我有两个div（比如带有id的div：div1和div2），我需要使用Fx.Tween扩展其高度 我希望动画能够同时出现。

'＃div1'的style.height将从auto更改为0。 '#div2'的style.height将当前高度更改为由名为 calculateHeight（）的函数计算的新高度

我该怎么做？

Answer 1

Mootools动画没有阻挡（JS很少有动画！）所以简单地按顺序执行两个补间会产生预期的效果（尽可能接近人类可以感知）

function go()
{
    $('div1').tween('height', 0);
    $('div2').tween('height', calculateHeight());
}

function calculateHeight()
{
    return 0; //or whatever
}

Answer 2

我认为这与wait：false选项有关。 我不是一个程序员，而且mootools很容易，但不是那么擅长它但是我记得读过一些文档，它说你可以控制第二个动画在第一个动画结束时或同时结束。

连锁方法：等一下 注入链接事件之间的暂停。 语法

myClass.wait（持续时间）;

参数    1. duration - （整数）暂停链栈的持续时间（以毫秒为单位）;默认为500。

我认为你应该对变形进行CHAIN并让它等待（0）。但我不确定。希望这会有所帮助。