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!!