如何在mootools中同時執行多個動畫？

Question

我有兩個div（比如divs和id：div1和div2），我需要使用Fx.Tween擴展其高度 我希望動畫是同步的。

「＃DIV1」的style.height要從自動變爲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（duration）;

參數 1. duration - （整數）暫停鏈棧的持續時間（以毫秒爲單位）默認爲500.

我認爲你應該鏈變形，並使其等待（0）。但我不確定。希望這可以幫助。