Las marquesinas son texto en movimiento. Ya funciona con ambos navegadores (hasta hace poco Netscape no lo implementaba, el 7 ya lo hace).
La etiqueta es <MARQUEE>, un texto a desplazar y su cierre </MARQUEE>. Sin atributos quedará:
|
<BODY>
<MARQUEE> Aquí pongo el texto </MARQUEE>
</BODY>
|
Así vemos los que tiene por defecto y que son: ocupa todo el ancho del cuadro, tiene la altura de la línea de texto y va de derecha a izquierda.
Podemos poner varias frases si colocamos <P> o <BR> dentro.
|
<BODY>
<MARQUEE> Aquí pongo un texto <P>
Y aquí otro
</MARQUEE>
</BODY>
|
|
|
Vamos a empezar a meter atributos y a cambiar un poco la cosa.
Empezamos con las medidas que son las viejas conocidas WIDTH y HEIGHT que toman valores en píxeles o en porcentajes de pantalla.
|
<BODY>
<MARQUEE WIDTH=70% HEIGHT=40> Aquí pongo el texto
</MARQUEE>
</BODY>
|
Que se verá con 70% de ancho (del cuadro azul que para los efectos es como si fuera la pantalla completa) y 40 px de alto.
El color de fondo quedará curioso. Echamos mano del atributo BGCOLOR.
|
<BODY>
<MARQUEE BGCOLOR=#7070ff> Aquí pongo el texto
</MARQUEE>
</BODY>
|
No funciona con imágenes como fondo.
No he conseguido alinear el texto que rodea al cuadro de marquesina con la vieja ALIGN, que toma valores de top, bottom, middle, left y right. Según todos lo manuales debería funcionar como lo hacían en la etiqueta <IMG> pero no me funciona con Explorer 6 y con Netscape 7 hace cosas raras.
El atributo BEHAVIOR es el que da más juego, su valor por defecto es scroll que significa que aparece por la derecha, se va a la izquierda y de forma continuada. Si le damos el valor slide y alternate tenemos:
|
<BODY>
<MARQUEE BEHAVIOR=slide> Aquí pongo el texto
</MARQUEE>
</BODY>
|
Para verlo funcionar actualiza la página ya que al pararse y funcionar sólo una vez, no lo vemos.
|
<BODY>
<MARQUEE BEHAVIOR=alternate> Aquí pongo el texto
</MARQUEE>
</BODY>
|
DIRECTION servirá para definir hacia donde mando el texto que, por defecto, va hacia la izquierda. Yo puedo mandarlo a la derecha así:
|
<BODY>
<MARQUEE DIRECTION=right> Aquí pongo el texto
</MARQUEE>
</BODY>
|
O hacia arriba o abajo con down y up.
|
<BODY>
<MARQUEE HEIGHT=50 DIRECTION=up> Aquí pongo el texto
</MARQUEE>
</BODY>
|
La velocidad de desplazamiento varía con SCROLLAMOUNT, que marca los saltos según el valor numérico; y SCROOLDELAY que determina el retraso en el movimiento en milisegundos. Veámoslo:
|
<BODY>
<MARQUEE SCROLLAMOUNT=40> Aquí pongo el texto
</MARQUEE>
</BODY>
|
Mareante...
|
<BODY>
<MARQUEE SCROLLDELAY=1000> Aquí pongo el texto
</MARQUEE>
</BODY>
|
Y este desespera (le he puesto 1000, que es un segundo).
El atributo LOOP (indefinido por defecto, como ya hemos visto), define el número de veces que vamos a ver moverse el texto.
|
<BODY>
<MARQUEE LOOP=2> Aquí pongo el texto
</MARQUEE>
</BODY>
|
Tendremos que actualizar la página.
Los atributos HSPACE Y VSPACE los conocemos, definirían el espacio horizontal y vertical del texto fuera de la marquesina.
|
<BODY>
<MARQUEE BGCOLOR=yellow VSPACE=20> Aquí pongo el texto
</MARQUEE>
Otro texto.
</BODY>
|
|
Otro texto
|
Ni que decir tiene que podemos aplicar otras etiquetas como la de centrado, por ejemplo. Le pondremos color para que se distinga del fondo.
|
<BODY>
<CENTER>
<MARQUEE WIDTH=50% BGCOLOR=#ffff00> Aquí pongo el texto
</MARQUEE>
</CENTER>
</BODY>
|
Mira esto que bonito que queda con la etiqueta <FONT>:
|
<BODY>
<CENTER>
<MARQUEE WIDTH=70% BGCOLOR=#ffff00>
<FONT FACE=arial COLOR=red SIZE=5>
Aquí pongo el texto
</FONT>
</MARQUEE>
</CENTER>
</BODY>
|
También la podemos meter en una tabla (ya se verán más adelante).
O meter la tabla en la marquesina:
Y podremos poner imágenes en vez de texto.
<MARQUEE WIDTH="80%" BEHAVIOR="alternate"> <IMG SRC="imagen.gif"> </MARQUEE>
