Desplazamientos de textos con MARQUEE

Gana dinero por compartir tus enlaces!

La etiqueta <MARQUEE> </MARQUEE> crea una marquesina cuyo contenido se desplaza. Por defecto, ocupa todo el ancho de la pantalla, tiene una línea de altura y el texto se mueve lentamente de derecha a izquierda.

Esta es una marquesina por defecto.

Los atributos WIDHT y HEIGHT permiten controlar el ancho y el alto de la marquesina y pueden expresarse en pixeles o porcentualmente. El atributo ALIGN permite alinear el texto que rodea la marquesina, y puede tener los siguientes valores: top (arriba), middle (centrado) bottom (abajo). Los atributos HSPACE y VSPACE definen la separación horizontal y vertical del texto con los bordes de la marquesina:

<marquee width="50%" height="60" align="bottom">

... texto ...

</marquee>

Esta marquesina ocupa el 50% del ancho, tiene una altura de 60 pixels y está alineada con la parte inferior.

El color de fondo puede establecerse con el atributo BGCOLOR o, utilizando el atributo STYLE, podemos establecer cualquier propiedad, de manera similar al resto de las etiquetas HTML:

Esto se ve con la fuente Impact

<marquee style="...propiedades...">

... texto ...

</marquee>

Para controlar más efectivamente las marquesinas, existen una serie de atributos especiales:

DIRECTION se utiliza para modificar la dirección hacia la que se dirige el texto. Puede ser left (el valor por defecto), right, up o down:

Este txto va de derecha aizquierda Este texto se desplazará de abajo hacia arriba texto dentor de una caja

Texto con direccion de izquirda - derecha

Con el atributo SCROLLDELAY se define el tiempo entre cada movimiento expresado en milisegundos:

<marquee scrolldelay="100">
Velocidad = 100.
</marquee>

Estás viendo el ejemplo con scrolldelay = 100.

LOOP indica el número de veces que aparecerá el texto y por defecto, es infinito.

Con SCROLLAMOUNT controlamos la cantidad de desplazamiento del texto en cada movimiento de avance. Cuanto mayor es el número, más rápido avanza:

<marquee scrollamount="50">
SCROLLAMOUNT=50
</marquee>

SCROLLAMOUNT=100 SCROLLAMOUNT=50 SCROLLAMOUNT=30 SCROLLAMOUNT=10

Por último, el atributo BEHAVIOR (comportamiento) sirve para definir de que manera se va a efectuar el desplazamiento y puede tener los siguientes valores:

scroll (valor por defecto), aparece por un lado, se desplaza hasta el otro, desaparece y vuelve a empezar

slide aparece por un lado, se desplaza y se detiene (sólo funciona en Internet Explorer).

alternate se desplaza alternativamente hacia un lado y el otro.

Las marquesinas no sólo pueden contener textos, también pueden contener otros elementos, por ejemplo, imágenes, vínculos o tablas:

TABLA
CELDA A	CELDA B
CELDA C	CELDA D