Desplazamiento de textos (Scripts 1)

Además de la etiqueta MARQUEE, una forma de conseguir texto en movimiento es haciendo uso de JavaScript.

Javascript es un lenguaje distinto del HTML y, en Blogger, generalmente lo utilizamos en la plantilla o mediante un archivo externo, sin embargo, si la rutina es relativamente simple, también pueden ubicarse en los posts para lograr efectos especiales.

Para ello, debemos colocar el script EN UNA SOLA LíNEA. Por supuesto, hacerlo así no hace otra cosa que crear un código más que confuso por lo que, primero lo escribimos "normalmente" y luego, con cuidado y paciencia, vamos eliminando los saltos de línea.

En este ejemplo, vamos a ver cómo desplazar un texto dentro de un control INPUT de un formulario. El script es el siguiente:

<script language="JavaScript">
var texto='....... el texto .......';

function simumarquee() {
  document.formulario.control.value = texto;
  texto=texto.substring(1, texto.length) + texto.charAt(0);
  demo=window.setTimeout('simumarquee()',100);
}

function STOPsimumarquee() {
  window.clearTimeout(demo)
}

</script>

El formulario donde saldrá el texto tendrá este código:

<form name="'formulario'">
   <input type="'text'" name="'control'" size="ancho">
</form>

Y vamos a controlarlo con dos pseudo-botones, uno lo activará y el otro lo detendrá:

<a href="javascript:void(0)" onclick="simumarquee();">
   EMPEZAR
</a>

<a href="javascript:void(0)" onclick="STOPsimumarquee();">
   DETENER
</a>

Y el resultado, será este:

EMPEZAR

STOP