2010-08-05 4 views
0

quelqu'un pourrait peut-être me donner un petit indice sur la façon de le faire avec mootools.Mootools Div overlay

Fondamentalement, j'ai un div comme

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

je veux essentiellement cette balise div caché par défaut, puis une fois que l'utilisateur a été sur le site pour comme deux minutes, je veux la balise div à afficher>

Répondre

1

Dans un gestionnaire onload pour votre site, utilisez setTimeout() pour montrer la div après 2 minutes:

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

Vous pouvez le voir in action here avec un retard de 2 secondes au lieu de 2 minutes.

+0

merci beaucoup pour ça !!!! comment pourrais-je ajouter des effets de sorte que le div superpose tout le reste et sorte de diapositives pour être affiché –

+0

Pour l'obtenir de superposer tout, placez-le à 'position: absolute' avec une valeur' z-index' plus élevé que tous vos autres éléments. Vous pouvez ensuite transformer ses valeurs 'left' et' top' pour le déplacer. Les docs de morphs peuvent vous aider à démarrer sur cette partie: http://mootools.net/docs/core/Fx/Fx.Morph – Pat

+0

Résumé de mootools 'setTimeout' à' function.delay (nnn) '- Je n'utiliserais pas de fonction nommée soit. consultez http://jsfiddle.net/BTbuQ/1/ - il devrait vraiment être refactorisé pour être un modèle réutilisable mais cela est proche, assure la compatibilité avec jquery etc et est plus mooish –