Etape 1 : Ajouter entre les balises <HEAD>...</HEAD> :
<SCRIPT> <!-- // Script by - Shiv Basu at www.shivbasu.com/ ns4 = (document.layers)? true:false ie4 = (document.all)? true:false function init() { if(ns4||ie4){ if (ns4) { popup = document.notice } if (ie4) { popup = notice.style } popup.y = parseInt(popup.top) } } function back(){ if(ns4||ie4){ popup.y = -400 popup.top = popup.y } } function timer(){ if(ns4||ie4){ setTimeout("javascript:back()",8000) } } //--> </SCRIPT>
On peut régler le temps d'affichage de la fenêtre dans setTimeout("javascript:back()",8000). Pour rappel, 1 seconde = 1000. Donc ici la fenêtre se ferme après 8 secondes.
Etape 2 : Ajouter entre les balises <HEAD>...</HEAD> (après le script de l'étape 1) :
<style> <!-- #notice{ border-color:#00ffff; border-width:5px; border-style:groove; background-color:#000080; layer-background-color:#000080; color:#00ffff; font-size:11px; font-family:arial; padding:5px; text-transform:uppercase; width:280; position:absolute;top:10;left:10; text-align:justify; } --> </style>
Un festival de feuilles de style (et vous pouvez en ajouter...) :
Etape 3 : Ajouter dans la balise <BODY> :
<body onLoad="init();timer()">
Etape 4 : Ajouter après la balises <BODY> :
<script> <!-- // Entrer votre texte ici ! if(ns4||ie4){ document.write('<div id="notice">Cet effet DHTML est écrit avec '); document.write('portail du script. '); document.write('code '); document.write('et baniere;/div>'); } //--> </script>
Mettez votre texte ici.