Links con fade en Javascript (2)

function domouseout() {
if (document.all){
var srcElement = event.srcElement;
if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1))
fade(endColor,startColor,srcElement.uniqueID,stepOut);
}
}

function makearray(n) {
this.length = n;
for(var i = 1; i <= n; i++)
this[i] = 0;
return this;
}

function hex(i) {
if (i < 0)
return "00";
else if (i > 255)
return "ff";
else
return "" + hexa[Math.floor(i/16)] + hexa[i%16];}

function setColor(r, g, b, element) {
var hr = hex(r); var hg = hex(g); var hb = hex(b);
element.style.color = "#"+hr+hg+hb;
}

function fade(s,e, element,step){
var sr = s[0]; var sg = s[1]; var sb = s[2];
var er = e[0]; var eg = e[1]; var eb = e[2];

if (fadeId[0] != null && fade[0] != element){
setColor(sr,sg,sb,eval(fadeId[0]));
var i = 1;
while(i < fadeId.length){
clearTimeout(fadeId[i]);
i++;
}
}

for(var i = 0; i <= step; i++) {
fadeId[i+1] = setTimeout("setColor(Math.floor(" +sr+ " *(( " +step+ " - " +i+ " )/ " +step+ " ) + " +er+ " * (" +i+ "/" +
step+ ")),Math.floor(" +sg+ " * (( " +step+ " - " +i+ " )/ " +step+ " ) + " +eg+ " * (" +i+ "/" +step+
")),Math.floor(" +sb+ " * ((" +step+ "-" +i+ ")/" +step+ ") + " +eb+ " * (" +i+ "/" +step+ ")),"+element+");",i*step);
}
fadeId[0] = element;
}

El color el totalmente editable,se hace en la 4-5 linea.Esta bien hasta ahi pero ahora...?la pregunta es como insertarlo.Lo que haremos sera inserta el codigo que les di en una pagina y llamarla:fade.js

Y para llamar al javascript el siguiente codigo:

<SCRIPT language=JavaScript
src="fade.js">
</SCRIPT>

Recuerden no olvidar subir el archivo fade.js y no cometan el error de escribir mal la ruta src.Si la van a colocar en otra carpeta que no sea la raiz simplemente:

<SCRIPT language=JavaScript
src="tucarpeta/fade.js">
</SCRIPT>

Usuarios que han visto este tema también han visto...

- Quitar Marcos
- Validar formularios en JavaScript
- Función setTimeout() / setInterval() en Javascript
- Abrir una ventana cuando otra es cerrada con Javascript
- El día de la semana en que naciste en Javascript

- Versión imprimible de este documento

- Enviar por e-mail este documento