mover divs

juan_14nob · #1 (**permalink**) 23/07/2011, 14:19

Hola a todos!!! lo que quiero hacer es mover un div mediante jquery o prototype, de la siguiente forma con scriptaculous:

Código Javascript:

Ver original<html>
<head>
<script type="text/javascript">
Event.observe(window, 'load', inicia, true);
 
function inicia(){
    Event.observe('presiona', 'mouseover', movimiento, true);
    Event.observe('presiona', 'mouseout', movimiento_out, false);
}
 
function movimiento(){
    new Effect.MoveBy('mover',-46,0, { duration:0.1 }); //hace que suba la imagen en 100 milisegundos
 
}
 
function movimiento_out(){
    new Effect.MoveBy('mover',46,0, { duration:0.1 });//hace que baje la imagen en 100 milisegundos..
 
}
</script>
</head>
<body>
<a href="#" id="presiona">haz click!</a>
 
<div id="mover">
    <img src="imagen.jpg" />
</div>
</body>
</html>

lo que quiero hacer es al seleccionar un enlace la imagen suba hasta un determinado X, pero al hacerlo osea seleccionandolo rapido se hace un desastre , existe alguna forma de solucionar esto?.

Un saludo!!