Effets d'Ecriture et de Texte

Créer un texte en fondu

Cet article a été mis à jour, vous consultez ici une archive de cet article!
Avec du DHTML vous pouvez faire apparaître et disparaître du texte en fondu, avec un effet de dégradé. Placez tout d'abord ces lignes de code entre les balises <HEAD> et </HEAD> de votre document HTML :

Code JAVASCRIPT :
 
<script 
 
language=Javascript>
function checkBrowserForVersion4(){
var 
 
x=navigator.appVersion;y=x.substring(0,4);if(y>=4)strobeEffect();}
var 
 
isNav=(navigator.appName.indexOf("Netscape")!=-1);
var colors=new 
 
Array("FFFFFF", "FFFFFF", "FFFFFF", "FFFFFF", "FFFFFF", "FFFFFF", "FFFFFF", 
 
"F9F9F9", "F1F1F1", "E9E9E9", "E1E1E1", "D9D9D9", "D1D1D1", "C9C9C9", 
 
"C1C1C1", "B9B9B9", "B1B1B1", "A9A9A9", "A1A1A1", "999999", "919191", 
 
"898989", "818181", "797979", "717171", "696969", "616161", "595959", 
 
"515151", "494949", "414141", "393939", "313131", "292929", "212121", 
 
"191919", "111111", "090909", "000000")
a=0,b=1
function 
 
strobeEffect(){
color=colors[a];aa="<font color="+color+">Le monde 
 
fabuleux de Chez-Swan.Net</font>"
if(isNav) 
 
{document.object1.document.write(aa);document.object1.document.close();}
 
 
else object1.innerHTML=aa
a+=b;if (a==38) b-=2;if (a==0) 
 
b+=2;xx=setTimeout("strobeEffect()",10);}
</script>


Puis dans la balise <BODY> elle-même, ajoutez :

Code HTML :
<body 
 
onload="checkBrowserForVersion4()">


Et enfin entre les balises <BODY> et </BODY> à l'endroit voulu :

Code HTML :
<div id="object1" style="position:absolute; 
 
visibility:show; left:25px; top:50px; z-index:2"></div>


N'hésitez pas à changer les attributs top et left afin de placer votre texte à l'endroit voulu.


Reste à voir le résultat en cliquant ICI :)

Compatibilité ! Ce script ne fonctionne que sous Internet Explorer.