0
有人可能會給我一個關於如何用mootools做到這一點的小提示。Mootools Div覆蓋
基本上我有一個像
<div id="center-panel" style="height: 200px; width 200px; background: green;"></div>
我基本上想這個div標籤默認是隱藏的,然後一旦用戶已在網站上像兩個分鐘,我想div標籤顯示>
一個div有人可能會給我一個關於如何用mootools做到這一點的小提示。Mootools Div覆蓋
基本上我有一個像
<div id="center-panel" style="height: 200px; width 200px; background: green;"></div>
我基本上想這個div標籤默認是隱藏的,然後一旦用戶已在網站上像兩個分鐘,我想div標籤顯示>
一個div在爲您的網站的onload處理,使用setTimeout()
2分鐘後,顯示DIV:
function showDiv(){
$('center-panel').setStyle('display', 'block');
};
setTimeout(showDiv, 60 * 1000 * 2);
你可以看到它in action here延遲2秒,而不是2分鐘。
謝謝你這麼多!我如何添加一些影響,以便div覆蓋所有其他內容,並且可以顯示一些幻燈片 – 2010-08-05 19:17:49
爲了覆蓋所有內容,將其設置爲'position:absolute',其'z-index'值高於其他所有對象元素。然後,您可以變形它的「左」和「頂」值來移動它。變形文檔可以讓你開始在這部分:http://mootools.net/docs/core/Fx/Fx.Morph – Pat 2010-08-05 19:25:38
mootools摘要'setTimeout'到'function.delay(nnn)' - 我不會使用命名功能。檢查出http://jsfiddle.net/BTbuQ/1/ - 它應該被重構爲可重用模式,但這是非常接近的,確保與jquery等的兼容性並且更加靈活 – 2010-08-08 08:35:51