Insérez le script suivant dans l'en-tête de votre page, entre les balises <head> et </head> :
<SCRIPT LANGUAGE="JavaScript">
var hexa = "0123465789ABCDEF";
function DecToHexa(DecNb) {
x = Math.floor(DecNb / 16);
h = hexa.charAt(x);
x = DecNb % 16;
h += hexa.charAt(x);
return h;
}
function Degrade(dr,dg,db,fr,fg,fb,texte) {
steps = texte.length;
cr = dr; cg = dg; cb = db;
sr = (fr - dr) / steps;
sg = (fg - dg) / steps;
sb = (fb - db) / steps;
for (var x = 0; x <= steps; x++) {
document.write('<FONT COLOR="#' + DecToHexa(cr) + DecToHexa(cg) + DecToHexa(cb) + '">');
document.write(texte.charAt(x));
document.write('</FONT>');
cr += sr; cg += sg; cb += sb;
}
}
</SCRIPT>
Insérez ensuite cette portion de script à l'endroit où vous souhaitez que votre texte apparaisse dans la page.
<SCRIPT LANGUAGE = "JavaScript">
Degrade(255,0,0,0,0,255,"Texte dégradé multicolore !");
</SCRIPT>
Les trois premières valeurs de ce code correspondent aux valeurs RVB de la couleur de départ (ici du rouge 255,0,0). Les trois valeurs suivantes correspondent aux valeurs RVB de la couleur de fin du dégradé (ici du bleu 0,0,255). Votre texte se place simplement entre guillemets à la suite de ces valeurs.