Calque de texte éphémère

6 février 2009

Calque de texte éphémère

Un texte dans un calque apparait par la gauche et disparait au bout d'un temps donné ...

Mettre entre les balises <head> et </head>:

<p><script> <br />var t,px,dx; <br />function h_shLayer(n,e){//v1.0 <br />if (document.getElementById) document.getElementById(n).style.visibility=e; <br />else document.all[n].style.visibility=e; <br />} <br />function h_msgLayerAnim(){//v1.0 <br />if (document.getElementById) document.getElementById("msgLayer").style.left=px; <br />else document.all.msgLayer.style.left=px; <br />if (px < dx){setTimeout("h_msgLayerAnim()",1);px++;}; <br />if (px >= dx) setTimeout("h_shLayer('msgLayer','hidden')",t*100); <br />} <br />function h_msgLayerCreate(x,y,lg,bc,bgc,tp,ts,tc,msg,s){//v1.0 <br />t=s;dx=x;px=-100-x-lg; <br />dw1="<div id='msgLayer' style='position:absolute; z-index:1; visibility: visible; left: "+px+"px; top: "+y+"px;'>"; <br />dw2="<table cellspacing='10' style='width:"+lg+"px; border:1px solid "+bc+"; background-color:"+bgc+"; font-family:"+tp+",sans-serif; font-size:"+ts+"px; color:"+tc+"; text-align:justify;'><tr><td>"+msg+"</td></tr></table></div>"; <br />document.write(dw1+dw2); <br />h_msgLayerAnim(); <br />} <br /></script> </p>

Mettre entre les balises <body> et </body>:

Dans cette balise, vous pouvez jouer sur les couleurs, l'épaisseur du texte, la vitesse de disparition ... etc

Cliquez ici: