lunes, 12 de julio de 2010

Texto parpadeante javascript

Ir a Diseño, Elementos de la página y añadir un gadget HTML/Javascript.
Poner el siguiente código:

<script language="JAVASCRIPT">
//<![CDATA[
FO1="ACÁ VA EL TEXTO 1.";
FO2="ACÁ VA EL TEXTO 2.";
U=FO1;
cny=0;
function TR(){
document.SCOCH.B.value=U;
cny++;
if(cny==1 && U==FO1){U=FO2;}
if(cny==2 && U==FO2){cny=0;U=FO1;}
setTimeout("TR()",5000); // TIEMPO EN MILISEGUNDOS
}
//]]>
</script>
<form name="SCOCH">
<input type="text" name="B" size="25" style="border: 0px none;color:red;text-align: center;font-size:140%;background:#FFFF00;padding:4px" /> </form><script language="JAVASCRIPT">
TR();
</script>

Ejemplo 1:



O borrando el segundo texto:

Ejemplo 2:



Ahora para personalizarlo:

Cambiar en Azul el texto a mostrar.

Cambiar en Púrpura la velocidad en milisegundos (menor es mas rapido).

Cambiar en Verde donde dice: size="25" es el tamaño de la caja contenedora del texto mostrado.

Cambiar en Rojo el estilo del texto, con o sin fondo, borde, color del texto, tamaño del texto, etc..

No hay comentarios:

Publicar un comentario