Desplazamiento de texto. Etiqueta <Marquee>

Esta etiqueta hace que el contenido dentro de ella se desplace cuanquier lado.

Los atributos Width y Height, permiten controlar el ancho y alto de la marquesina y pueden expresarse en pixeles o porcentualmente.

El atributo Align permite alinear el contenido dentro de la marquesina. Puede tener los siguientes valores: Top (arriba), Bottom (abajo), Middle (centrado).

Los atributos HSpace y VSpace definen la separación horizontal y vertical del contenido, con los bordes de la marquesina.

Veamos un ejemplo de todo esto:

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

Bueno ahora veamos como poner color de fondo a una marquesina. Para ello vamos a utilizar los atributos BGCOLOR, o también se puede usar STYLE. Podemos establecer cualquier propiedad de manera similar al resto de las etiquetas HTML.

Veamos un ejemplo:

El Fondo es de color rojo y las letras en color amarillo

También podemos controlar la dirección en que se mueve el contenido dentro de la marquesita con unos atributo especial llamado DIRECTION. La dirección del desplazamiento puede ser: left (es el valor por defecto- que es de derecha a izquierda), right (de izquierda a derecha), up (de abajo hacia arriba), down (de arriba hacia abajo).

Veamos algunos ejemplos:

ESTE TEXTO SE MUEVE DE DERECHA A IZQUIERDAESTE TEXTO SE MUEVE DE IZQUIERDA A DERECHAESTE TEXTO SE MUEVE DE ABAJO HACIA ARRIBAESTE TEXTO SE MUEVE DE ARRIBA HACIA ABAJO
desplazamiento del texto de derecha a izquierda
Deaplazamiento del texto de izquierda a derecha
Desplazamiento del texto de arriba hacia abajo
Desplazamiento del texto de abajo hacia arriba

También podemos definir el tiempo entre cada movimiento del contenido en milisegundos, con otro atributo especial SCROLLDELAY. 

LOOP: es el número de veces que aparecerá el texto. Por defecto el número es infinito o sea que nunca dejará de pasar, a menos que tú le pongas un valor.

Veamos unos ejemplos:

LA VELOCIADAD DEL ESTE TEXTO ES="300"
LA VELOCIADAD DE ESTE TEXTO ES="200"
LA VELOCIDAD DE ESTE TEXTO ES="100"
velocidad "300"
velocidad "200"
velocidad "100"

También podemos definir el comportamiento en el movimiento del contenido con el atributo BEHAVIOR, que puede tomar los siguientes valores: Scroll (que es el valor por defecto- aparece por un lado, se desplaza hacia el otro y desaparece formando un ciclo), Slide (aparece por un lado, se desplaza hacia el otro y se detiene), Alternate (se desplaza de una lado hacia otro, creando un efecto de rebote).

Veamos algunos ejemplos:

ESTE TEXTO SE DESPLAZA CON BEHAVIOR SCROLL
ESTE TEXTO SE DESPLAZA Y QUEDA DETENIDO CON BEHAVIOR-SLIDE
ESTE TEXTO REBOTA CON BEHAVIOR-ALTERNATE
texto con scroll
texto con slide
texto con alternate

Tambien podemos controlar el movimiento de la marquesina utilizanto controladores o pseudo-botones mientras está en movimiento.

Si apretas en enlace que dice hacia abajo este texto se moverá hacia abajo, si apretas el enlace hacia arriba, este texto se moverá hacia arriba Hacia abajo Hacia arriba

EJEMPLOS DE MARQUESINAS CON DIFERENTE CONTENIDO.

Como dije antes en una marquesina se puede poner lo que tu quieras. Recuerda experimentar con todos los atributos que vimos anteriormente así diseñas una marquesina que encante a tus visitantes. A continuación te mostrare como quedan las fotos, videos y videos dentro de una marquesina.