Texto en movimiento

Texto en movimiento

Este es un nuevo elemento que sólo funciona con las últimas versiones de los navegadores. Hasta su implementación sus efectos solamente podían conseguirse con JavaScript. La ventaja de hacerlo con JavaScript es que siempre funciona, incluso con navegadores antiguos.

Se trata del elemento <MARQUEE>   </MARQUEE> que sirve para hacer que el contenido de un bloque se desplace horizontalmente a lo ancho del mismo. Además de texto el bloque puede contener también imágenes. Tiene muchas parametrizaciones:

 

• DIRECTION= Establece en que dirección se mueve el contenido del bloque en la pantalla. Puede tener dos valores:
  • LEFT izquierda (por defecto)
  • RIGHT derecha
• BEHAVIOR= Determina cómo se mueve el contenido del bloque en la pantalla. Puede tener tres valores:
  • SCROLL hará que el contenido del bloque aparezca por un extremo, desaparezca por el contrario y vuelva a apracer por donde comenzó.
  • SLIDE (por defecto) hace que el contenido del bloque se deslice hacia el lado indicado por direction y se detenga al llegar al lado opuesto. Solamente volverá a moverse si la página es cargada de nuevo.
  • ALTERNATE El contenido del bloque se moverá alternativamente en una dirección y otra, comenzando por la indicada por direction
• LOOP=n donde n es un número que indica las veces que el movimiento programado se realizará. El valor INFINITE (por defecto) producirá un bucle infinito.
• SCROLLDELAY=n donde n indica el tiempo de espera en milisegundos que se debe aplicar entre cada redibujado del bloque, es decir, la velocidad del movimiento.
• SCROLLAMOUNT=n donde n indica el número de pixels que se deben tomar entre cada redibujado del bloque. Por defecto, tomará el bloque entero. Este parámetro debe utilizarse con cuidado, ya que puede ser contradictorio con el anterior SCROLLDELAY.
• ALIGN= Es la alineación del bloque en la pantalla. no funciona en todos los navegadores, por lo que es más seguro indicar la alineación fuera del elemento o aplicar instrucciones de estilo. Puede tener tres valores:
  • CENTER centro
  • LEFT izquierda (por defecto)
  • RIGHT derecha
• BGCOLOR=color donde color indica el color de fondo del bloque. El color se indica mediante su nombre en inglés, como "red", "blue", etc. También puede hacerse por su código RGB, pero esto no funciona igual en todos los navegadores, y en algunos, como FireFox no funciona. Con el IE y con Opera en lugar de indicar el color de la forma habitual: #FFFFFF hay que escribirlo precedido de la arroba: @FFFFFF. En el índice encontrarás una lista de los códigos de colores.
• HSPACE=px donde px indica el número de pixels que tendrán los márgenes izquierdo y derecho de fuera del bloque. Solamente funciona con el IE.
• VSPACE=px donde px indica el número de pixels que tendrán los márgenes superior e inferior fuera del bloque. Solamente funciona con el IE.
• HEIGHT=px donde px indica el número de pixels que tendráel bloque de alto. También puede indicarse en tantos por ciento respecto a la altura total de la pantalla.
• WIDTH=px donde px indica el número de pixels que tendráel bloque de ancho. También puede indicarse en tantos por ciento respecto a la anchura total de la pantalla.

Por ejemplo:

 

texto1 texto2

Se escribe:

<CENTER><MARQUEE  BGCOLOR="cyan"  HEIGHT="40" WIDTH="50%"
    DIRECTION="RIGHT" BEHAVIOR="ALTERNATE" SCROLLDELAY=400>
  texto1 <IMG SRC="bolaazul.gif"> texto2 </MARQUEE></CENTER>