Marquesina con onMouseOver=”this.stop()” y onMouseOut=”this.start()”

Este es un codiguito muy sencillo pero muchas veces util, sobre todo cuando no quieres utilizar flash o javascript para hacer este efecto de marquesina, y lo mejor de todo solo es una etiqueta HTML y le agregamos dos eventos los cuales serian el onMouseOver y el onMouseOut para que cuando nos posicionemos en el texto o imagen que este dentro de nuestra marquesina se detenga y cuando quitemos el mouse siga ya sea verticalmente o horizontalmente la animación.

Ejemplo de marquesina HTML

1
2
3
4
5

<marquee onMouseOver="this.stop()"  onMouseOut="this.start()" scrollAmount="2" scrollDelay="4" direction="up" width="100%" height="120">
 
//tu contenido aquí
 
</marquee>

Ahora si le quieres poner mas estilo de opacidad y demas agregale esta linea:

style=”FILTER: Alpha(Opacity=90, FinishOpacity=100, StartX=100, StartY=2, FinishX=0, FinishY=0)”

El resultado de todo esto seria:

1
2
3
4
5

<marquee onMouseOver="this.stop()" style="FILTER: Alpha(Opacity=90, FinishOpacity=100, StartX=100, StartY=2, FinishX=0, FinishY=0)" onMouseOut="this.start()" scrollAmount="2" scrollDelay="4" direction="up" width="100%" height="120">
 
//tu contenido
 
</marquee>

Saludos.