animation d'arrêt jQuery


Animation d'arrêt jQuery

Exemple

Glissement jQuery stop()
Démontre la méthode jQuery stop().

Animation jQuery stop() (avec paramètres)
Démo méthode jQuery stop()

Méthode jQuery stop()

La méthode jQuery stop() est utilisée pour arrêter les animations ou les effets avant qu'ils ne soient terminés.

La méthode stop() fonctionne avec toutes les fonctions d'effets jQuery, y compris les diapositives, les fondus et les animations personnalisées.

Syntaxe :

$(selector).stop(stopAll,goToEnd);

Le paramètre facultatif stopAll spécifie si la file d'attente d'animation doit être effacée . La valeur par défaut est false, ce qui arrête uniquement les animations actives et permet à toutes les animations en file d'attente de s'exécuter à l'envers.

Le paramètre facultatif goToEnd spécifie s'il faut terminer l'animation en cours immédiatement. La valeur par défaut est faux.

Ainsi, par défaut, stop() effacera l'animation actuelle spécifiée sur l'élément sélectionné.

L'exemple suivant illustre la méthode stop() sans paramètres :

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script> 
$(document).ready(function(){
  $("#flip").click(function(){
    $("#panel").slideDown(5000);
  });
  $("#stop").click(function(){
    $("#panel").stop();
  });
});
</script>
 
<style type="text/css"> 
#panel,#flip
{
	padding:5px;
	text-align:center;
	background-color:#e5eecc;
	border:solid 1px #c3c3c3;
}
#panel
{
	padding:50px;
	display:none;
}
</style>
</head>
<body>
 
<button id="stop">停止滑动</button>
<div id="flip">点我向下滑动面板</div>
<div id="panel">Hello world!</div>

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne