Text fade
Visitate il sito dell'autore"
1° Passo
Selezionate col mouse tutto il codice, copiatelo ed incollatelo fra i tags <head> ed < /head> della vostra pagina
|
<script language="JavaScript"> // Text Fader JavaScript // (c) 2002 Premshree Pillai // http://www.qiksearch.com // http://premshree.resource-locator.com // qiksearch@rediffmail.com
/* call the function wherever you want to fade the text in the body section. See the body section code */
/* No need to edit from here */ var TF_hexChars=new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F");
function TF_dec2hex(decVal) { return(TF_hexChars[decVal>>4]+TF_hexChars[decVal&15]); }
function TF_hex2dec(hexVal) { return(parseInt(hexVal,16)) }
function TextFade(TF_text,TF_font,TF_fontSize,TF_isBold,TF_isItalic,intColor,finalColor) { var TF_isBold_content; var TF_isItalic_content; var TF_isBold_end_content; var TF_isItalic_end_content; var TF_text_arr=TF_text.split(""); var rVal=TF_hex2dec(intColor.slice(1,3)); var gVal=TF_hex2dec(intColor.slice(3,5)); var bVal=TF_hex2dec(intColor.slice(5,7)); var r_step=Math.ceil((TF_hex2dec(finalColor.slice(1,3))-rVal)/(TF_text_arr.length)); var g_step=Math.ceil((TF_hex2dec(finalColor.slice(3,5))-gVal)/(TF_text_arr.length)); var b_step=Math.ceil((TF_hex2dec(finalColor.slice(5,7))-bVal)/(TF_text_arr.length)); if(TF_isBold) { TF_isBold_content="<b>"; TF_isBold_end_content="</b>"; } else { TF_isBold_content=""; TF_isBold_end_content=""; } if(TF_isItalic) { TF_isItalic_content="<i>"; TF_isItalic_end_content="</i>"; } else { TF_isItalic_content=""; TF_isItalic_end_content=""; } for(var i=1; i<=TF_text_arr.length; i++) { document.write('<font color="#' + TF_getColor(rVal,gVal,bVal,r_step,g_step,b_step) + '" face="' + TF_font + '" size="' + TF_fontSize + '">' + TF_isBold_content + TF_isItalic_content + TF_text_arr[i-1] + TF_isItalic_end_content + TF_isBold_end_content + '</font>'); if(TF_text_arr[i]!=" ") { rVal+=r_step; gVal+=g_step; bVal+=b_step; } } }
function TF_getColor(rcol,gcol,bcol,rstep,gstep,bstep) { rcol+=rstep; gcol+=gstep; bcol+=bstep; return(TF_dec2hex(rcol)+TF_dec2hex(gcol)+TF_dec2hex(bcol)); } </script> |
2° passo
Selezionate il codice con il mouse, copiate ed incollate fra I tags <body> e </body>
nel punto in cui volete che appaia la scritta
|
<script language="JavaScript"> new TextFade('Visitate la mia pagina personale ','verdana,arial,helvetica','10pt',true,false,'#DDDDFF','#000066');</script> |
N.B.
nella riga del codice inserito tre i tags <body> e</body>:
-new TextFade( ' *** ', '*** ', ' *** ',true,false,' *** ', ' *** ');
potete inserire il testo nel primo spazio tra gli apici( Attenti a non cancellare gli apici),variare il font nel secondo, nel terzo la misura del carattere (io ho messo 10),nel quarto il colore iniziale e nel quinto il colore finale
Ecco il risultato
Visitate la mia pagina personale
|
Best resolution 800 x 600-Ie.5 e s.-F11