28 de noviembre de 2008

Texto en movimiento

A veces se quiere resaltar el título o alguna parte del texto dontándolo de movimiento.
El código HTML para poder conseguirlo es el siguiente:

<marquee>
TEXTO
</marquee>

Y este es el resultado:
TEXTO
La etiqueta <marquee>
puede tomar algunos valores que varían el movimiento del texto. Vamos a ver sus opciones:

1- Ancho del movimiento: Por defecto es el 100% de la línea pero podemos reducirlo al porcentaje que queramos usando <MARQUEE WIDTH="20%">
y el valor que queramos para el porcentaje.
TEXTO
2- Ancho y alto: Con <MARQUEE WIDTH=200 HEIGHT=50>
podemos además aumentar el espacio que ocupa el texto en cuanto a altura y anchura.
TEXTO
3- Cambiar la dirección del movimiento: Podemos mover el texto de derecha a izquierda
<MARQUEE DIRECTION=LEFT>
o de izquierda a derecha <MARQUEE DIRECTION=RIGHT>

TEXTO
TEXTO
4- Ajustar el movimiento al ancho establecido: Con este código <MARQUEE BEHAVIOR=SLIDE> el texto se para al llegar al borde izquierdo. Con este otro <MARQUEE BEHAVIOR=ALTERNATE> el texto se mueve de borde a borde.
TEXTO
TEXTO
5- Velocidad del movimiento: Se puede reducir la velocidad cuanto mayor sea el valor numérico de <MARQUEE SCROLLDELAY=500>

TEXTO
6- Controlar los ciclos de movimiento: Se puede definir el número de veces que se va a mover el texto con <MARQUEE LOOP=2 BEHAVIOR=SLIDE>
TEXTO
</MARQUEE>

TEXTO
7- Color de fondo: Con
<MARQUEE BGCOLOR=YELLOW>
TEXTO
</MARQUEE>
podemos cambiar el color de fondo (BLUE, RED, ORANGE, BLACK, GREEN)
TEXTO
8- Movimiento hacia arriba o hacia abajo: <marquee direction="up" height="15%"> TEXTO </marquee> (up -> arriba, down -> abajo) con HEIGHT se controla la altura.

TEXTO

0 comentarios:

Publicar un comentario