Ver Mensaje Individual
  #2 (permalink)  
Antiguo 22/03/2012, 18:06
Avatar de Naahuel
Naahuel
 
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 13 años, 8 meses
Puntos: 192
Respuesta: Cómo interrumpir un jquery.animate()

.stop()

Ejemplo:
Código HTML:
Ver original
  1. <!doctype html>
  2.     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  3.     <script type="text/javascript">
  4.         $(function(){
  5.             $('div')
  6.                 .mouseover(function(){
  7.                     $(this).stop().animate({
  8.                         left : 200
  9.                     })
  10.                 })
  11.                 .mouseout(function(){
  12.                     $(this).stop().animate({
  13.                         left : 0
  14.                     })
  15.                 })
  16.         });
  17.     </script>
  18.     <title>Test</title>
  19.     <style type="text/css">
  20.     <!--
  21.         div{
  22.             position:absolute;
  23.             width:200px;
  24.             height:200px;
  25.             background:red;
  26.         }
  27.     -->
  28.     </style>
  29. </head>
  30.     <div></div>
  31. </body>
  32. </html>
__________________
nahueljose.com.ar