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>
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.