Marquesina que se detenga al dejar el mouse encima

hgp147 · #1 (**permalink**) 07/02/2007, 21:14

Hola!
Quiero crear una marquesina que se detenga al dejar el mouse encima y que al sacarlo se siga moviendo. Como por ejemplo la de esta pagina: http://www.clarin.com/
Gracias!

bookmaster · #2 (**permalink**) 08/02/2007, 17:02

Puedes crearte una de la siguiente manera:

1º Creas 1 capa que contenga el texto, imagenes, etc.....
2º Con javascript le dices que se mueva y que se repita al llegar al final del borde.
3º En el script declaras una variable para indicar la velocidad de movimiento.
4º Tonces en la imagen, texto, etc... le pones un onMouseOver="velocidad=0;" onMouseOut="velocidad=5;" el 5 es la velocidad con la que se mueve.

Te he creado uno de prueba para que veas:

Código PHP:

  <script language="javascript"> 
<!-- 
 
    var velocidad=5; 
    var posicion=0; 
    function marquesina(){ 
        var anchopanta=window.document.body.clientWidth; 
        posicion=posicion-velocidad; 
        texto.style.left=posicion; 
         
        if(posicion<=0){ 
            posicion=anchopanta; 
        }; 
         
        window.status=posicion; 
        setTimeout('marquesina()',20); 
    }; 
 
 
--> 
</script> 
</HEAD> 
 
<BODY onLoad="marquesina();"> 
<div id="texto" style="top:10; left:0; position:absolute;" onMouseOver="velocidad=0;" onMouseOut="velocidad=5;">Aki el texto</div> 
</BODY>

Shade · #3 (**permalink**) 09/02/2007, 02:54

http://www.forosdelweb.com/f13/crear-marquesina-javascript-460585/

Es una marquesina que para al llegar a cada una de las diferentes frases y tambien en onmouseover... espero que te sirva.