Foros del Web » Programando para Internet » Javascript » Frameworks JS »

mover divs

Estas en el tema de mover divs en el foro de Frameworks JS en Foros del Web. Hola a todos!!! lo que quiero hacer es mover un div mediante jquery o prototype, de la siguiente forma con scriptaculous: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript ...
  #1 (permalink)  
Antiguo 23/07/2011, 14:19
Avatar de juan_14nob  
Fecha de Ingreso: abril-2010
Mensajes: 552
Antigüedad: 7 años, 5 meses
Puntos: 6
mover divs

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
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. Event.observe(window, 'load', inicia, true);
  5.  
  6. function inicia(){
  7.     Event.observe('presiona', 'mouseover', movimiento, true);
  8.     Event.observe('presiona', 'mouseout', movimiento_out, false);
  9. }
  10.  
  11. function movimiento(){
  12.     new Effect.MoveBy('mover',-46,0, { duration:0.1 }); //hace que suba la imagen en 100 milisegundos
  13.  
  14. }
  15.  
  16. function movimiento_out(){
  17.     new Effect.MoveBy('mover',46,0, { duration:0.1 });//hace que baje la imagen en 100 milisegundos..
  18.  
  19. }
  20. </script>
  21. </head>
  22. <body>
  23. <a href="#" id="presiona">haz click!</a>
  24.  
  25. <div id="mover">
  26.     <img src="imagen.jpg" />
  27. </div>
  28. </body>
  29. </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!!

Etiquetas: divs, html, javascript, jquery
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:40.