2002 a 2006 |
|
Ángel
R. Puente Pérez |
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
2002 a 2006 |
|
Ángel
R. Puente Pérez |
|