Explication détaillée de l'utilisation de la méthode stop de l'animation JQuery animate_jquery

Syntaxe d'animation :

Copier le code Le code est le suivant : $(selector).animate (styles, vitesse, assouplissement, rappel) Copier le code Le code est le suivant : /title> .wrap { position : relative ; hauteur : 300px ; largeur : bordure : 5px solide #FCF } div { position : absolue; gauche : 0;haut : 0; hauteur : 50 px ; largeur : 50 px ; arrière-plan : #FA0 ; ;/style> type="button" id ="btn2" value="Arrêter toutes les animations"> > ('.wrap div') .animate({'left':'250px'},1000).animate({'left':'0px'},1000 } moveX(); 🎜>$('#btn1 ').click(function(){ $('.wrap div').stop(); // Arrêtez l'animation en cours et revenez au point de départ en cours de route. Si vous cliquez à nouveau pendant le processus de retour, il s'arrêtera en cours de route clearInterval(); })

$('#btn2').click(function(){ $( '.wrap div').stop(true); // Tout arrêter. Cliquer pour arrêter pendant l'animation atteindra directement le point final. Si vous cliquez à nouveau pendant le processus de retour, il s'arrêtera en cours de route })

$('#btn3').click(function(){ $('.wrap div').stop(true,true); // Arrête toutes les animations. Si vous cliquez sur stop pendant le voyage, vous atteindrez directement le point final. Si vous cliquez à nouveau pendant le processus de retour, il s'arrêtera au point de départ })

// .stop() // Arrête l'animation en cours // .stop(true) // Arrêtez toutes les animations // .stop(true,true) // Arrêtez toutes les animations, atteignant la fin de l'animation /body>

.stop(); // Arrête l'animation en cours. Retour au point de départ. Si vous cliquez à nouveau pendant le processus de retour. fera une pause en cours de route.

.stop(true); // Si vous cliquez sur Stop pendant le voyage pour arrêter toutes les animations, vous atteindrez directement le point final. Si vous cliquez à nouveau pendant le processus de retour, It. fera une pause en cours de route

.stop(true,true); // Arrêter toutes les animations. Cliquer sur stop pendant le voyage atteindra directement le point final. Si vous cliquez à nouveau pendant le processus de retour, il s'arrêtera à. le point de départ.