2002 a 2006
Ángel R. Puente Pérez
Ir al javascript 5
Ir al javascript 7

JAVA6.- Rótulo de colores cambiantes.

Nota: Este javascript no funciona con algunos navegadores. Lo he comprobado con Firefox, con Opera y con Explorer. De estos tres, funciona con el Explorer y con Opera pero no funciona con Firefox.

Pincha en la página inicial de Colores html para ver el efecto del título del sitio con las letras intercambiando los colores continuamente. El javascript se compone de dos partes:

La primera es colocar, en la etiqueta del body:

<body onload="colorize()">

Y la segunda es colocar en la parte del body (entre <body> y </body>) el script:

<script language="JavaScript1.2">
var msg = "CoLoReS";
var colorTimer = null;
for (var i=0; i<msg.length; i++){
document.write("<span id = \"vjeko" + i + "\" style = \"color:blue; font-size:xx-large;\">" + msg.charAt(i) + "</span>");
}
function toHex(n){
var hexChars = "0123456789ABCDEF";
if (n == 0) return n;
var j, k;
var temp = "";
while (n != 0){
j = n % 16;
n = (n - j)/16;
temp = hexChars.charAt(j) + temp;
}
return temp;
}
function colorize(){
if (!document.all) return;
for (i=0; i<msg.length; i++){
k = Math.round(Math.random() * 16777215);
k = toHex(k);
while (k.length < 6){
k = k + "0";
}
document.all["vjeko" + i].style.color = '#' + k;
}
colorTimer = window.setTimeout("colorize()", 200);
}
</script>

He señalado con color rojo el texto modificable, el que habría que escribir.

Ver el resultado

Ir al javascript 5
Ir al javascript 7
2002 a 2006
Ángel R. Puente Pérez