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

Question

我有两个 div(例如，id 为 div1 和 div2 的 div)，我需要使用 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
}