suchen

Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung der jQuery-Funktion stop()

Detaillierte Erläuterung der jQuery-Funktion stop()

巴扎黑
巴扎黑Original
2017-06-30 11:33:061588Durchsuche

Für die Funktion stop() gibt es zwei Parameter, die in die Klammern gefüllt werden können.

Der Prototyp der Funktion stop() sieht folgendermaßen aus: stop(stopall, stopall) und finish sind ihre beiden Parameter und ihre Werte sind wahr oder falsch.

Wenn der Wert von stopall wahr ist, werden alle Aktionen in der Animationswarteschlange gestoppt. Andernfalls wird nur die aktuelle Aktion gestoppt und die nächste Aktion in der Animationswarteschlange ausgeführt.

Wenn der Wert von „finish“ wahr ist, springt die aktuelle Aktion sofort zum Ende und stoppt dann (unabhängig davon, welchen Fortschritt die aktuelle Aktion erreicht) (finish wird hier separat untersucht, und stopall ist daher nicht beteiligt wir sprechen nur über die aktuelle Aktion, nicht über die nächste Aktion in der Warteschlange), andernfalls stoppt die aktuelle Aktion bei ihrem Fortschritt und springt nicht zum Ende.

Die Standardwerte von stopall und Finish sind beide falsch, und stop(true) entspricht stop(true, false)

Schließlich wird Code zum Debuggen bereitgestellt

<!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>





Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der jQuery-Funktion stop(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Die jQuery-Methode stop() verstehenNächster Artikel：Die jQuery-Methode stop() verstehen

In Verbindung stehende Artikel

Mehr sehen