Contoh dalam artikel ini menerangkan cara jQuery melaksanakan penukaran label tab automatik. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut: Salin kod Kod adalah seperti berikut: Kesan penukaran automatik label tab dilaksanakan oleh jQuery <br> * {<br> jidar:0;<br> pelapik:0;<br> }<br> dl {<br> margin:10px auto;<br> lebar:500px;<br> ketinggian garis:24px;<br> sempadan-kiri:1px pepejal #dcdcdc;<br> }<br> dt.aktif {<br> sempadan-bawah:1px pepejal #fff;<br> jawatan:saudara;<br> }<br> dt {<br> pelapik:0 10px;<br> float:left;<br> sempadan:1px pepejal #dcdcdc;<br> sempadan-kiri:0;<br> kursor:penunjuk;<br> jidar bawah:-1px;<br> }<br> dd {<br> jelas:keduanya;<br> lebar:100%;<br> sempadan-kiri:0;<br> sempadan:1px pepejal #dcdcdc;<br> sempadan-kiri:0;<br> paparan:tiada;<br> }<br> nav1 nav2 nav3 11111111111111111111111 2222222222222222222222 3333333333333333333333 <br> $(dokumen).sedia(fungsi(){<br> $('dt:first').addClass('active');<br> $('dd:first').css('display','block');<br> autoroll();<br> hookThumb();<br> });<br> var i=-1; //Tab ke-i bermula<br> var offset = 2500; //masa putaran<br> pemasa var = null;<br> fungsi autoroll(){<br> n = $('dt').length-1;<br> saya ;<br> jika(i > n){<br> i = 0;<br> }<br> slaid(i);<br> Pemasa = window.setTimeout(autoroll, offset);<br> }<br> fungsi slaid(i){<br> $('dt').eq(i).addClass('active').siblings().removeClass('active');<br> $('dd').eq(i).css('display','block').adik-beradik('dd').css('display', 'noe');<br> }<br> fungsi cangkukThumb(){ <br> $('dt').tuding(<br> fungsi () {<br> Jika (pemasa) {<br> i = $(this).prevAll().panjang;<br> slaid(i); }<br> },<br> fungsi () {<br> <br> pemasa = window.setTimeout(autoroll, offset <br> This.blur(); pulangan palsu;<br> }<br> ); <br> }<br> </skrip><br> </body><br> </html><br><br> <br>Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang. </div>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
