Marquesinas

Las marquesinas son un efecto visual que se le puede agregar texto o incluso imágenes para que se desplacen de manera horizontal o vertical a través  de la pagina web, para crear una marquesina en HTML, se necesita la etiqueta "<marquee>" y se le puede establecer a atributos, como controlar la dirección, velocidad y estilo de movimiento de la marquesina. 

Ejemplo simple de marquesina:
Ejemplo solo utilizando la etiqueta "marquee"

Ejemplo simple de marquesina con imagen:

Ejemplos de marquesina con los atributos WIDHT y HEIGHT permiten controlar el ancho y el alto de la marquesina, y el atributo ALIGN permite alinear el texto que rodea la marquesina, y puede tener los siguientes valores: top (arriba), middle (centrado) bottom (abajo).


Este es un ejemplo de marquesina con diferentes alineaciones


Tambien a las marquesinas se les puede agregar un fondo, con los atributos BGCOLOR o, utilizando el atributo de STYLE:


Ejemplo de Fondo 
Tambien existen otros atributos como DIRECTION que nos ayuda a controlar de una manera más eficiente la marquesina, esto quiere decir que podemos modificar la dirección hacia donde se dirija nuestro texto. Usaremos left(izquierda) que este es el por defecto, right(derecha) o up (arriba), down(abajo) así le podremos dar la dirección que queramos. Ejemplo utilizando right Ejemplo utilizando up Ejemplo utilizando down
Con el atributo SCROLLDELAY podemos definir el tiempo entre cada movimiento expresado en milisegundos. Velocidad=500 Velocidad=250 Velocidad=100
Tambien con SCROLLAMOUNT podemos controlar el desplazamiento del texto en cada movimiento de avance. cuando el número es mayor, más rápido avanzara Desplazamiento con 5 Desplazamiento con 10 Desplazamiento con 15
Por último, tenemos el atributo BEHAVIOR sirve para definir de qué manera se realizara el desplazamiento y puede tener lo siguientes valores: "scroll" que sería el por defecto, aparece por un lado, se desplaza hasta el otro, desaparece y vuele a empezar. "slide" aparece por un lado, se desplaza y se detiene (solo funciona en internet explorer). "alternate" se desplaza alternativamente hacia un lado y el otro. Ejemplo de Scrooll Ejemplo de slide Ejemplo de alternate
Gracias por visitar el Blogger de Delmar Tzun. haz clic en "laborario" si quieres regresar a la pagina principal. Gatito