Texte dégradé

Soyez le premier à donner votre avis sur cette source.

Snippet vu 9 761 fois - Téléchargée 27 fois

Contenu du snippet

texte qui se dégrade lentement vers le blanc

Source / Exemple :


<html>
<head><title></title>
<script language="javascript">

/*

Développé par Jacques Meunier
http://home.nordnet.fr/~jmeunier
/\oo/\
texte de Jacques Meunier(c)

merci de ne pas effacer ...

  • /
var textfont="arial" var thissize="20" var textcolor="#000000" var bgcol="#000000" var textfin="#ffffff" message = new Array() message[1]="Sous la brume matinale et le froid mordant,<br>" message[2]="le jardin se repose d'avoir tant donné.<br>" message[3]="Oubliées les fleurs aux senteurs abandonnées,<br>" message[4]="le temps est enfin venu de croître en dedans.<br><br><br>" R = new Array() V = new Array() B = new Array() incr = new Array() textcolor = new Array() var ref="0123456789abcdef" i=1 while (i<5) { R[i]=Math.floor(Math.random()*255) V[i]=Math.floor(Math.random()*255) //B[i]=Math.floor(Math.random()*255) B[i]=255 // force les teintes bleutées a=R[i] b=V[i] c=B[i] if (a<b && a<c) min=a else if (a<b && a>c) min=c else min=b plage=255-min nbd=40 // nb de dégradés incr[i]=plage/nbd i++ } facteur=10/10 // tendance vers le blanc (10/10) cpt=0 </script> </head> <body bgcolor="#000000"> <div id="ph1" style="position:absolute;left:1px;top:30px;visibility:visible;"> </div> <div id="ph2" style="position:absolute;left:1px;top:50px;visibility:visible;"> </div> <div id="ph3" style="position:absolute;left:1px;top:70px;visibility:visible;"> </div> <div id="ph4" style="position:absolute;left:1px;top:90px;visibility:visible;"> </div> <div id="copy" style="position:absolute;left:1px;top:130px;visibility:visible;"> </div> <script language="javascript"> setTimeout("varie()",5) function varie() { cpt++ if (cpt>nbd) { if(document.all) { ph1.innerHTML="<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textfin+";background-color:"+bgcol+"'>"+message[1]+"</span>" ph2.innerHTML="<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textfin+";background-color:"+bgcol+"'>"+message[2]+"</span>" ph3.innerHTML="<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textfin+";background-color:"+bgcol+"'>"+message[3]+"</span>" ph4.innerHTML="<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textfin+";background-color:"+bgcol+"'>"+message[4]+"</span>" copy.innerHTML="<span style='font-family:"+textfont+";font-size:10px;color:"+textfin+";background-color:"+bgcol+"'>"+'© Jacques MEUNIER'+"</span>" } if(document.layers) { document.ph1.document.write("<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textfin+";background-color:"+bgcol+"'>"+message[1]+"</span>") document.ph2.document.write("<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textfin+";background-color:"+bgcol+"'>"+message[2]+"</span>") document.ph3.document.write("<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textfin+";background-color:"+bgcol+"'>"+message[3]+"</span>") document.ph4.document.write("<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textfin+";background-color:"+bgcol+"'>"+message[4]+"</span>") document.copy.document.write("<span style='font-family:"+textfont+";font-size:10px;color:"+textfin+";background-color:"+bgcol+"'>"+'© Jacques MEUNIER'+"</span>") } document.close() setTimeout("reaff()",4000) } i=1 while (i<5) { if (V[i]+facteur*incr[i]<255) V[i]=V[i]+facteur*incr[i] if (B[i]+facteur*incr[i]<255) B[i]=B[i]+facteur*incr[i] if (R[i]+facteur*incr[i]<255) R[i]=R[i]+facteur*incr[i] v1=Math.floor(R[i]/16) v2=Math.floor(R[i]%16) le_rouge=""+ref.charAt(v1)+""+ref.charAt(v2) v1=Math.floor(V[i]/16) v2=Math.floor(V[i]%16) le_vert=""+ref.charAt(v1)+""+ref.charAt(v2) v1=Math.floor(B[i]/16) v2=Math.floor(B[i]%16) le_bleu=""+ref.charAt(v1)+""+ref.charAt(v2) textcolor[i]="#"+le_rouge+le_vert+le_bleu i++ } setTimeout("aff()",200) } function aff() { if(document.all) { ph1.innerHTML="<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textcolor[1]+";background-color:"+bgcol+"'>"+message[1]+"</span>" ph2.innerHTML="<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textcolor[2]+";background-color:"+bgcol+"'>"+message[2]+"</span>" ph3.innerHTML="<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textcolor[3]+";background-color:"+bgcol+"'>"+message[3]+"</span>" ph4.innerHTML="<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textcolor[4]+";background-color:"+bgcol+"'>"+message[4]+"</span>" copy.innerHTML="<span style='font-family:"+textfont+";font-size:10px;color:"+textfin+";background-color:"+bgcol+"'>"+'© Jacques MEUNIER'+"</span>" } if(document.layers) { document.ph1.document.write("<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textcolor[1]+";background-color:"+bgcol+"'>"+message[1]+"</span>") document.ph2.document.write("<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textcolor[2]+";background-color:"+bgcol+"'>"+message[2]+"</span>") document.ph3.document.write("<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textcolor[3]+";background-color:"+bgcol+"'>"+message[3]+"</span>") document.ph4.document.write("<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textcolor[4]+";background-color:"+bgcol+"'>"+message[4]+"</span>") document.copy.document.write("<span style='font-family:"+textfont+";font-size:10px;color:"+textfin+";background-color:"+bgcol+"'>"+'© Jacques MEUNIER'+"</span>") } document.close() setTimeout("varie()",5) } function reaff() { document.location="la_page.html" } </script> </body> </html>

A voir également

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.