Estás en: HTML» Índice Tutorial » Lección 20: Efecto marquesina
Tutorial de HTML	Lección anterior » Lección Siguiente

20.- Efecto marquesina

La etiqueta <marquee></marquee> sirve para crear un efecto de texto que se desplaza dentro de una marquesina. Sus parámetros son los siguientes :

• height = Indica la altura de la marquesina. Se puede expresar en puntos o en porcentaje con respecto a la ventana del navegador.
• width = Indica la anchura de la marquesina. Se puede expresar en puntos o en porcentaje con respecto a la ventana del navegador.
• bgcolor = Indica el color del fondo de la marquesina. Se indicará en código hexadecimal o su nombre en inglés.

Ejemplo:

<marquee bgcolor="#00FFFF"/> o <marquee bgcolor="red"/>

• align = Indica la alineación del texto de la marquesina con respecto al texto circundante. Sus valores son: top (parte alta), bottom (parte baja) y middle (centro).
• direction = Indica en qué dirección se desplaza el texto dentro de la marquesina, hacia la izquierda (left) o hacia la derecha (right)
• hspace= define el margen horizontal de la marquesina con respecto al resto del texto.
• vspace= define el margen horizontal de la marquesina con respecto al resto del texto.
• loop =Indica el numero de veces que se desplazará el texto por la marquesina. Si no se indica nada, por defecto el texto aparecerá indefinidamente.

Ejemplo:

<marquee loop=5 /> o <marquee loop=infinite />

• scrolldelay = Expresa el número de milisegundos entre cada una de las fases de visualización del texto dentro de la marquesina.
• behavior= Indica el comportamiento del letrero (scroll, slide o alternate). Scroll es el comportamiento por defecto: el texto pasa y desaparece progresivamente en la dirección que indiquemos. Con alternate, conseguimos que vaya de izquierda a derecha y vuelva de derecha a izquierda sin llegar a desaparecer. Con slide el texto desaparece cada vez que la primera letra alcanza el límite de la marquesina, y vuelve a aparecer por el lado opuesto. Cuando termina el último loop, el texto permanece fijo dentro de la marquesina. (ver ejemplos)

Truco: para centrar el texto dentro de la marquesina, utilizar la etiqueta <br /> las veces que sean necesarias (ver ejemplo de fondo rosa abajo)

Ejemplos: