Memahami jQuery stop() method_jquery-tutorial js-php.cn

Memahami jQuery stop() method_jquery

WBOY

Lepaskan： 2016-05-16 16:30:42

asal

1813 orang telah melayarinya

Sebagai pembangun bahagian hadapan, JS dan JQuery ialah bahasa pembangunan dan perpustakaan alat yang sering kami gunakan. Kita semua tahu bahawa terdapat kaedah yang sangat berkuasa dalam jQuery - stop(), iaitu kaedah untuk menghalang pengumpulan berulang dalam animasi atau peristiwa berterusan. Jadi, bagaimana untuk menggunakan stop()? Mari kenalkan anda stop() dahulu:

stop() mempunyai dua parameter dalam sintaks, kedua-duanya ialah nilai Boolean. Dan semuanya adalah pilihan, tetapi terdapat peraturan, seperti berikut:

$(selector).stop(stopAll,goToEnd)

Parameter: (Secara lalai, jika tiada parameter ditulis, kedua-dua parameter akan dianggap palsu.)

stopAll: pilihan. Menentukan sama ada untuk menghentikan semua animasi beratur bagi elemen yang dipilih. Ini bermakna jika nilai parameter adalah benar, semua animasi atau peristiwa seterusnya akan dihentikan. Jika nilai parameter palsu, hanya animasi yang sedang dilaksanakan oleh elemen yang dipilih akan dihentikan dan animasi seterusnya tidak akan terjejas. Oleh itu, parameter ini biasanya palsu.

goToEnd: Pilihan. Menentukan sama ada untuk membenarkan animasi semasa dilengkapkan Parameter ini hanya boleh digunakan apabila parameter stopAll ditetapkan. Seperti yang kami katakan di atas, kami biasanya menulis nilai fasle untuk parameter stopAll, bukan lalai, tetapi parameter sebenar. Kemudian terdapat dua pilihan untuk parameter goToEnd, satu palsu dan satu lagi benar. Semua orang harus memahami maksudnya. Umumnya benar. Ini bermakna membenarkan animasi semasa disiapkan.

Berikut ialah kod yang sepadan:

HTML:

Salin kod Kod adalah seperti berikut:

Mulakan loteri

CSS:

Salin kod

Kod adalah seperti berikut: #content{/* margin-top:10em;*/ width:48em; margin:0 auto;} #content div{ display:block; lebar: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%; #content div .slide_box{ position:absolute; #content div .img .start{ position:absolute; #content div .img a.start_btn{ display:block; height:150px; text-indent:-9999px; #content div .img a.rank_30{ position:absolute; 230px kiri:70px; #content div .img a.rank_45{ position:absolute; kiri:460px; #content div .img a.rank_55{ position:absolute; kiri:170px; #content div .img a.prize_notes{ position:absolute; kanan:50px;

JS_jQuery:

Salin kod

Kod adalah seperti berikut:

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