Maison > interface Web > js tutoriel > Explication détaillée de la fonction jQuery stop()

Explication détaillée de la fonction jQuery stop()

巴扎黑
Libérer: 2017-06-30 11:33:06
original
1582 Les gens l'ont consulté

Pour la fonction stop(), il y a deux paramètres qui peuvent être renseignés entre parenthèses.

Le prototype de la fonction stop() est comme ceci : stop(stopall, finish); stopall et finish sont ses deux paramètres, et leurs valeurs sont vraies ou fausses.

Si la valeur de stopall est vraie, toutes les actions de la file d'attente d'animation seront arrêtées. Sinon, seule l'action en cours sera arrêtée et l'action suivante dans la file d'attente d'animation sera exécutée.

Si la valeur de finish est vraie, l'action en cours passera immédiatement à la fin puis s'arrêtera (quel que soit le progrès atteint par l'action en cours) (la fin est étudiée séparément ici, et stopall n'est pas impliqué, donc nous ne parlons que de l'action en cours, pas de l'animation de la prochaine action dans la file d'attente), sinon l'action en cours s'arrêtera à sa progression et ne passera pas à la fin.

Les valeurs par défaut de stopall et finish sont toutes deux fausses, et stop(true) est équivalent à stop(true, false)

Enfin, du code est fourni pour le débogage

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <style>
   p
   {
    height:200px;
	width:200px;
	background-color:#99ff99;
	position:relative;
   }
  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  <script>
  $(document).ready(function(){
   $("#start").click(function(){
	   $("#a1").animate({left:"400px"},5000);
	   $("#a1").animate({top:&#39;400px&#39;},5000);
	   $("#a1").animate({left:"0px"},5000);
	   $("#a1").animate({top:"0px"},5000);
   });
   $("#end").click(function(){
	   $("#a1").stop(false,true);
   });
  });
  </script>
 </head>
 <body>
  <button id="start">开始动画</button>
  <button id="end">停止</button>
  <p id="a1"></p>  
 </body>
</html>
Copier après la connexion





Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal