Marquesina Básica:
La marquesina básica se desplaza a lo largo del ancho de la pantalla y el texto se mueve de derecha a izquierda.
<marquee>Marquesina básica</marquee>
Modificaciones:Podemos crear marquesinas de todo tipo combinando atributos:
width(ancho):Lo podemos expresar en % o en píxeles.
height(alto):Lo podemos expresar en % o en píxeles.
align(alineación):top(arriba),middle(centrado),bottom(abajo).
width(ancho):Lo podemos expresar en % o en píxeles.
height(alto):Lo podemos expresar en % o en píxeles.
align(alineación):top(arriba),middle(centrado),bottom(abajo).
behavior: Sirve para definir el estilo del texto.
<marquee width="90%" height="50" align="bottom">
Marquesina que ocupa el 90% del ancho de la pantalla y tiene una altura de 50 pixeles.
</marquee>
behavior="scroll"
behavior="alternate"
behavior="slide"
Nota: La marquesina por defecto es de tipo scroll.
behavior="alternate"
behavior="slide"
Nota: La marquesina por defecto es de tipo scroll.
<marquee behavior="alternate" width="100%" height="50" align="midldle">
Marquesina con movimiento tipo alternate
</marquee>
bgcolor: Modificar el color del fondo de la marquesina.
style: Modificar el color de las letras de la marquesina.
style: Modificar el color de las letras de la marquesina.
<marquee style="color: #FF0033;" behavior="alternate" align="midldle" bgcolor="#9999FF" width="100%" height="50">
Marquesina con colores...
</marquee>
direction: Dirección hacia donde se dirige el texto.
direction="right"
direction="left"
direction="up"
direction="down"
direction="right"
direction="left"
direction="up"
direction="down"
Nota: El movimiento por defecto es left.
scrolldelay: Tiempo entre cada movimiento expresado en milisegundos.
<marquee direction="right" align="bottom" width="90%" height="50">
Marquesina que se desplaza de izquierda a derecha
</marquee>
Nota: Todas las opciones mencionadas son combinables entre si, asi que lo único que teneis que hacer es personalizar vuestra marquesina haciendo uso de lo anterior, para cualquier duda no dueis en preguntar.
<marquee scrolldelay="600" direction="down" align="bottom" width="90%" height="50">
Marquesina con tiempo modificado y texto de arriba a abajo
</marquee>