effets: fonction stop

Arrête toutes les animations en cours pour les éléments sélectionnés.

Si des animations sont dans la pile d'éxécutions (et que l'argument clearQueue n'est pas passé a true), alors ces animations seront déclenchées.

Version: disponible depuis la version 1.3 de JQuery

Paramétres:

  • clearQueue (booléen): passé a true, vide la pile d'éxécution des animations, ce qui stoppe leur éxécution.
  • gotoEnd (booléen): passé a true, force l'animation en cours a se terminer, en incluant la réinitialisation des styles et en appelant la fonction de callback

Valeur de retour: object jQuery

Exemple :

Fait bouger le div de class "block" en fonction des actions sur les boutons "go", "stop", and "back".

    // Start animation
    $("#go").click(function(){
      $(".block").animate({left: ' =100px'}, 2000);
    });

    // Stop animation when button is clicked
    $("#stop").click(function(){
      $(".block").stop();
    });

    // Start animation in the opposite direction
    $("#back").click(function(){
      $(".block").animate({left: '-=100px'}, 2000);
    });

Code de test: 

  <button id="go">Go</button> 
  <button id="stop">STOP!</button>
  <button id="back">Back</button>
  <div class="block"></div>

0 Commentaire (afficher/poster)