animation d'arrêt jQuery
jQuery Stop Animation
jQuery stop() est utilisée pour arrêter les animations ou les effets après leur avant de terminer.
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, permettant ainsi à 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.
Par conséquent, 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 :
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-3.1.1.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>
