爲什麼在變身之前不會暫停Fx？

這種變形很好，但我需要它先暫停然後變形。爲什麼在變身之前不會暫停Fx？

var animate = (function(){ 
    var div = document.getElement('div.es-transition'); 
    if (div){ 
     div.set('morph', {duration: 800, transition: 'quad:out'}); 
     div.pauseFx(1000, 'morph'); 
     div.addClass('hidden'); 
     div.setStyles({'visibility': 'hidden', 'opacity': 0}); 
     div.removeClass('hidden').fade('in'); 
    } 
}); 

window.addEvent('load', animate);

邦寧頭。

TIA

來源

2012-09-13 Eric_S

部分的mootools-更多[http://mootools.net/docs/more/Class/Chain.Wait#Element:pauseFx] （http://mootools.net/docs/more/Class/Chain.Wait#Element:pauseFx）我開始使用補間，並沒有喜悅。我只需要暫停一秒鐘然後淡入。 –

只設置鏈接：鏈接並利用fx.pause，wait和fx.resume，prolly。 –

不知道pauseFx？這不是標準的mootools-core api。它有http://mootools.net/docs/core/Fx/Fx#Fx:pause - 需要應用於實例。

對你而言，無論如何，當你甚至在你運行它之前暫停它是沒有意義的。這意味着，使用setTimeout或delay。 pause是中途停止並恢復變形/補間。請說明你正在努力實現什麼

也。 .set('morph')不適用於.fade() - 淡出基於tween選項，而不是morph。補間和變形之間的區別是單個屬性與多個屬性。

如果我理解正確的這個，你需要爲改寫：

var animate = (function(){ 
    var div = document.getElement('div.es-transition'); 
    if (div){ 
     div.set('tween', {duration: 800, transition: 'quad:out'}); 

     div.addClass('hidden'); 
     div.setStyles({'visibility': 'hidden', 'opacity': 0}); 

     (function(){ 
      div.removeClass('hidden').fade(0, 1); 
     }).delay(1000); 
    } 
}); 

window.addEvent('load', animate);

來源

2012-09-13 19:33:44

棒極了！這正是我需要的！ TYVM！ –

爲什麼在變身之前不會暫停Fx？

回答

相關問題