Un testo multicolore sfumato
Ne avete abbastanza del solito testo nero su uno sfondo bianco? Perché non provate ad essere originali, utilizzando questo
script per creare un testo ricco di colori e sfumature?
Per ottenere questo effetto, inserite questo script nell'intestazione della pagina, fra i tag
<head> e
</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>
Inserite quindi questa parte di script nel punto in cui desiderate visualizzare il testo nella pagina.
<SCRIPT LANGUAGE = "JavaScript">
Degrade(255,0,0,0,0,255,"a multi-colored, shadowed text! ");
</SCRIPT>
I primi tre valori nel codice corrispondono ai valori RVB del colore iniziale (in questo caso il rosso
255,0,0). I tre valori successivi corrispondono ai valori RVB del colore finale sfumato (in questo caso il blu
0,0,255). Posizionate il testo fra virgolette dopo tali valori.
Scopri tutti i trucchi del Webmaster.