Créer un texte en fondu

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.
Cette page a été vue 2031 fois