2010-08-05 144 views
0

有人可能會給我一個關於如何用mootools做到這一點的小提示。Mootools Div覆蓋

基本上我有一個像

<div id="center-panel" style="height: 200px; width 200px; background: green;"></div> 

我基本上想這個div標籤默認是隱藏的,然後一旦用戶已在網站上像兩個分鐘,我想div標籤顯示>

一個div

回答

1

在爲您的網站的onload處理,使用setTimeout() 2分鐘後,顯示DIV:

function showDiv(){ 
    $('center-panel').setStyle('display', 'block'); 
}; 
setTimeout(showDiv, 60 * 1000 * 2); 

你可以看到它in action here延遲2秒,而不是2分鐘。

+0

謝謝你這麼多!我如何添加一些影響,以便div覆蓋所有其他內容,並且可以顯示一些幻燈片 – 2010-08-05 19:17:49

+0

爲了覆蓋所有內容,將其設置爲'position:absolute',其'z-index'值高於其他所有對象元素。然後,您可以變形它的「左」和「頂」值來移動它。變形文檔可以讓你開始在這部分:http://mootools.net/docs/core/Fx/Fx.Morph – Pat 2010-08-05 19:25:38

+0

mootools摘要'setTimeout'到'function.delay(nnn)' - 我不會使用命名功能。檢查出http://jsfiddle.net/BTbuQ/1/ - 它應該被重構爲可重用模式,但這是非常接近的,確保與jquery等的兼容性並且更加靈活 – 2010-08-08 08:35:51