Texto/Imagen en movimiento HTML {Marquee}

El código principal para obtener un "marquee" o "marquesina" es el siguiente:
<marquee> El Texto En Movimiento </marquee>
EJEMPLO TEXTO:
El Texto En Movimiento 

¿Como edito esto?

background: color de fondo.
color: color del texto.
border: tamaño/estilo/color del borde.
height: valor del alto.
width: valor del ancho.
loop= nro de repeticiones {si no se coloca, se repetirá infinitas veces}.
direction= direccion hacia donde se moverá el texto {up; down; left; right;}.
scrollamount= velocidad del movimiento
<marquee style="height: 2px; width: 250px; background: #ddd; color: #999; border: 1px solid #ccc;" direction="left" scrollamount="4"> El Texto En Movimiento</marquee>
EJEMPLO EDITADO:
  El Texto En Movimiento 
Ahora bien, ya sabes como se forma una marquesina, intentemos con una imagen!
MARQUEE IMAGEN:

<marquee direction="up" scrollamount="2" width="ANCHO" height="ALTO" ><img src="URL DE TU IMAGEN" /></marquee>
direction= Dirección De La Imagen: UP [arriba] LEFT [izquierda] RIGHT [derecha] DOWN [abajo].
scrollamount= Velocidad De La Imagen [mas alto el nro, mas rapido el movimiento]

DETENER LA IMAGEN AL PASAR EL CURSOR
Deve Agregar Lo Siguiente:
<marquee direction="up" scrollamount="2" onmouseover="this.stop() onmouseout="this.start()" >
<img src="URL DE TU IMAGEN" />
</marquee></div>
NOTA:
El mismo procedimiento que realizamos anteriormente, para editar la Marquesina del texto, se puede emplear en el marquee de una imagen.
Puedes ver un ejemplo, de como utilizar tanto texto, como imagen dentro de un marquee de manera mas personalizado en ESTE TUTORIAL!

1 comentario: