Marquesina de texto. ¡Hola a todos!
Soy nuevo en esto de la programación Web e intento hacer mis primeros pinitos con Javascript. Estoy intentando realizar una marquesina de texto que se desplaza de derecha a izquierda con una cadena dada y en una posición. Lo quiero para una página que le estoy desarrollando para un amigo.
Hasta ahora, he conseguido que el texto se desplace, sin embargo, cuando se llega al código Javascript la página se detiene y no sigue cargando, por lo que se queda incompleta.
Adjunto el código:
-----------------------------------------------------------------------------------------------
function letras(cad)
{
if ( i==len-1 )
{
i=1;
document.write(cad);
}
else
{
cd=cad.substr(i,len-1)+" "+cad.substr(0,i);
i++; document.write(cd);
}
setTimeout('letras(cad)',500);
}
var cad="Sierra Nevada";
var len=cad.length;
var cd;
var i=1;
document.write(cad);
letras(cad);
-----------------------------------------------------------------------------------------------
Claro, este texto animado se encuentra justo debajo del título de la página (no en <title>, si no en un título de <body>) y por debajo de él continua la página.
Quedaría como así:
TITULO
texto animado
[ resto de la página ]
¿Qué estoy haciendo mal? ¿Debo buscar otra función que no sea setTimeout? ¿Acaso no se puede hacer?
¡Muchas gracias!
