animation d'arrêt jQuery
Méthode 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é.
<!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(2000);
});
$("#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>
