El script permite cambiar el color de un texto letra por letra de forma que haga un efecto de animación.
COLOR="#000000">El mensaje que cambiará de color se debe poner en la variable mesf[0] que se encuentra en la parte del Script que esta dentro del <BODY> de la página. En este mismo apartado también se puede definir el color de fondo y el color de la letra, así como el enlace a otra página que se realizará al pulsar sobre el texto.
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT>
mesk=new Array();mesk[10]="A"; mesk[11]="B"; mesk[12]="C"; mesk[13]="D"; mesk[14]="E"; mesk[15]="F"; A=10; B=11; C=12; D=13; E=14; F=15; let="ABCDEF";
function mes(num){if(let.indexOf(num) != -1){
return eval(num)};
else{if(num < 10){return eval(num)};
else{
return mes
k[num]}}};
function color(begin,einde,stappen,stap){
hh1=(mes(begin.charAt(0))*16)+mes(begin.charAt(1));
hh2=(mes(begin.charAt(2))*16)+mes(begin.charAt(3));
hh3=(mes(begin.charAt(4))*16)+mes(begin.charAt(5));
pp1=(mes(einde.charAt(0))*16)+mes(einde.charAt(1));
pp2=(mes(einde.charAt(2))*16)+mes(einde.charAt(3));
pp3=(mes(einde.charAt(4))*16)+mes(einde.charAt(5));
if(hh1 < pp1){ff1=hh1+Math.floor((pp1-hh1)/stappen*stap);
ff1=eval ("'"+mes(Math.floor(ff1/16))+"'")+eval("'"+mes(ff1-(Math.floor(ff1/16)*16))+"'");}
;else{ff1=hh1-Math.floor((hh1-pp1)/stappen*stap);
ff1=eval ("'"+mes(Math.floor(ff1/16))+"'")+eval("'"+mes(ff1-(Math.floor(ff1/16)*16))+"'");}
if(hh2 < pp2){ff2=hh2+Math.floor((pp2-hh2)/stappen*stap);
ff2=eval ("'"+mes(Math.floor(ff2/16))+"'")+eval("'"+mes(ff2-(Math.floor(ff2/16)*16))+"'");}
;else{ff2=hh2-Math.floor((hh2-pp2)/stappen*stap);
ff2=eval ("'"+mes(Math.floor(ff2/16))+"'")+eval("'"+mes(ff2-(Math.floor(ff2/16)*16))+"'");}
if(hh3 < pp3){ff3=hh3+Math.floor((pp3-hh3)/stappen*stap);
ff3=eval ("'"+mes(Math.floor(ff3/16))+"'")+eval("'"+mes(ff3-(Math.floor(ff3/16)*16))+"'");}
;else{ff3=hh3-Math.floor((hh3-pp3)/stappen*stap);
ff3=eva l("'"+mes(Math.floor(ff3/16))+"'")+eval("'"+mes(ff3-(Math.floor(ff3/16)*16))+"'");}
;return ff1+ff2+ff3}
mesf=new Array();mesh=new Array();num2=0;num3=0;num4=0;txt="";
function shape(){colorsh.innerHTML="<font color='#"+background_color+"'>"+mesf[num2]+"</font>";
for(i=0;i != mesf[num2].length; i++){ mesh
=background_color;};
for(i=0;i != mesf[num2].length; i++){
mesh[i+mesf[num2].length]=color(background_color,text_color,mesf[num2].length,i);};
for(i=(mesf[num2].length*2); i != (mesf[num2].length*3);i++){mesh=text_color};shape2()};
function shape2(){
for(i=0;i != mesf[num2].length;i++){
txt=txt+"<font color='"+mesh[i+num3]+"'>"+mesf[num2].charAt(i)+"</font>";
};
colorsh.innerHTML=txt;
txt="";
if(num3 != (mesf[num2].length*2)) {num3++;setTimeout("shape2()",50)};
else {num2=0;num3=0;txt=background_color;background_color=text_color;text_color=txt;txt="";
setTimeout("shape()",1000);
}}
</SCRIPT>
</HEAD>
<BODY>
<CENTER>
<DIV ID="colorsh" STYLE="cursor:hand" ONCLICK="location='
Para ver los enlaces debes ser usuario Crear Usuario o Hacer Sesion en donde quiera.com';">
<H1></H1></DIV></CENTER> <SCRIPT>
background_color= "3a6ca3" // use capital letters
text_color= "99FFFF" // use capital letters
mesf[0]= "XLWebmasters"
shape()
</SCRIPT> </BODY>
</HTML>