El código principal para obtener un "marquee" o "marquesina" es el siguiente:
<marquee> El Texto En Movimiento </marquee>
EJEMPLO TEXTO:
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
Ahora bien, ya sabes como se forma una marquesina, intentemos con una imagen!
¿Como edito esto?
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:
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:
NOTA: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>
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!
me encanta como me quedó :)
ResponderEliminar