2010-08-05 132 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