Como hacer un Ticker con JavaScript

Un ticker no es más que un campo de formulario en el que aparece continuamente nueva información. En este ejemplo aprenderás a crear uno, en el que podrás introducir toda la información que desees.

El código es el siguiente:

<html>
<head>
<title>Efecto1</title>
</head>

mensaje [0]="Bienvenido a mi web";
mensaje [1]="Aqui puedes observar las novedades";
mensaje [2]="o cualquier otro tipo de informacion";
mensaje [3]="www.pagina.de/fuikas";

function escribir() {

if (pos<=mensaje[i].length) {
document. formulario . campo .value=mensaje[i].substring(0,pos) + "_" ;
pos++;
setTimeout (" escribir() ", 100 );
}
else {
pos=0;
if (i<mensaje.length-1) {
i++;
}
else {
i=0;
}
setTimeout(" escribir() ", 1000 );
}
}
//-->
</script>

</head>
<body onLoad=" escribir() ">

</body>
</html>

Como en anteriores ejemplos, el texto en verde es el que puedes modificar para adaptarlo al resto de tu página.

En primer lugar, para añadir más mensajes, solo tienes que continuar los valores del array mensaje:

mensaje [0]="Bienvenido a mi web";
mensaje [1]="Aqui puedes observar las novedades";
mensaje [2]="o cualquier otro tipo de informacion";
mensaje [3]="www.pagina.de/fuikas";
mensaje [ 4 ]="Puedes añadir más mensajes";
mensaje [ 5 ]="con solo continuar esta cadena.";
...

Otro factor modificable en el 'ticker' es el guión ( _ ) que aparece al final de cada palabra a modo de cursor, para cambiarlo con, por ejemplo, | tienes que dirijirte a la línea 19;

document.formulario.campo.value=mensaje[i].substring(0,pos) + "_" ;

y cambiar el último guión por el caracter que más te convenga.

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

- Como ocultar la URL en la barra de estado
- Cambio de color al poner el cursor
- Efecto Terremoto
- Validar número de checkbox marcados con Javascript
- Operadores especiales en JavaScript

- Versión imprimible de este documento

- Enviar por e-mail este documento