Grundlegendes zu jQuery stop() method_jquery

Als Frontend-Entwickler sind JS und JQuery Entwicklungssprachen und Toolbibliotheken, die wir häufig verwenden. Wir alle wissen, dass es in jQuery eine sehr leistungsstarke Methode gibt – stop(), eine Methode, die eine wiederholte Anhäufung in kontinuierlichen Animationen oder Ereignissen verhindert. Wie benutzt man stop()? Lassen Sie uns zunächst stop() vorstellen:

stop() hat in der Syntax zwei Parameter, die beide boolesche Werte sind. Und sie sind alle optional, es gibt jedoch Vorschriften wie folgt:

$(selector).stop(stopAll,goToEnd)

Parameter: (Wenn keine Parameter geschrieben werden, werden standardmäßig beide Parameter als falsch betrachtet.)

stopAll: optional. Gibt an, ob alle in der Warteschlange befindlichen Animationen des ausgewählten Elements gestoppt werden sollen. Das heißt, wenn der Parameterwert wahr ist, werden alle nachfolgenden Animationen oder Ereignisse gestoppt. Wenn der Parameterwert „false“ ist, wird nur die aktuell vom ausgewählten Element ausgeführte Animation gestoppt und nachfolgende Animationen werden nicht beeinflusst. Daher ist dieser Parameter im Allgemeinen falsch.

goToEnd: Optional. Gibt an, ob die aktuelle Animation abgeschlossen werden darf. Dieser Parameter kann nur verwendet werden, wenn der stopAll-Parameter festgelegt ist. Wie oben erwähnt, schreiben wir normalerweise den Fasle-Wert für den stopAll-Parameter, nicht den Standardwert, sondern den tatsächlichen Parameter. Dann gibt es zwei Optionen für den goToEnd-Parameter: eine ist falsch und die andere ist wahr. Jeder sollte die Bedeutung verstehen. Im Allgemeinen wahr. Dies bedeutet, dass die aktuelle Animation abgeschlossen werden kann.

Das Folgende ist der entsprechende Code:

HTML:

Code kopieren Der Code lautet wie folgt:

           

Starten Sie die Lotterie
       

Stufe 30 Stufe 45 Stufe 55

Preisliste

CSS:

Code kopieren

Der Code lautet wie folgt:

#content{/* margin-top:10em;*/ width:48em; margin:0 auto;} #content div{ display:block; width:100%;} #content div.cont_b{ position:relative; text-align:center;background:url(../images/content_bgb.jpg) no-repeat; #content div img{ display:block; width:100%; border:none;} #content div .slide_box{ position:absolute; top:0px; #content div .img .start{ position:absolute; top:290px;} #content div .img a.start_btn{ display:block; width:150px; height:150px:-9999px;}/*Modify*/

#content div .img a.rank_30{ position:absolute; top:230px; display:block:250px; #content div .img a.rank_45{ position:absolute; top:230px; display:block:250px; #content div .img a.rank_55{ position:absolute; top:170px; width:280px; #content div .img a.prize_notes{ position:absolute; right:50px; display:block:150px;

JS_jQuery:





Code kopieren


Der Code lautet wie folgt:

var page =$(".slide_box .img");
var page_num = page.length;
var num = 0;
$(".next_btn").click(function(e){
If(num < 2){
page.slideUp().stop(false,true).eq(num 1).slideDown();
num ;
}else{
page.slideUp().stop(false,true).eq(0).slideDown();
num = 0;
}
});
});

Das Obige ist die Ansammlung von Ereignissen, die beim Schreiben eines Klickereigniseffekts bei der Arbeit auftreten. Im JS-Teil ist die stop()-Methode nützlich. Sie können die Parameter entfernen oder ändern und es ausprobieren. Ich hoffe, es hilft allen. Gaga

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