Contoh dalam artikel ini menerangkan kaedah pelaksanaan prinsip dan kesan penukaran tab dalam JavaScript. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut: Salin kod Kod adalah seperti berikut: <br> #container{border:solid 1px hijau;width:300px;height:300px;}<br> li{float:left;margin-left:20px;}<br> p{float:left;}<br> #sukan,#tentera,#bbs{display:none;}<br> <br> tab fungsi(pid){<br> var ps = ['berita', 'sukan', 'tentera', 'bbs'];<br> untuk(var i=0,len=ps.length;i<len;i ){<br /> if(ps[i] == pid){<br /> Document.getElementById(ps[i]).style.display = "block";<br /> }lain{<br /> Document.getElementById(ps[i]).style.display = "tiada";<br /> }<br /> }<br /> }<br /> </skrip><br> </head><br> <badan><br> <div id="container"><br> <ul><br> <li onmouseover="tab('news');">Berita</li><br> <li onmouseover="tab('sukan');">sukan</li><br> <li onmouseover="tab('military');">Military</li><br> <li onmouseover="tab('bbs');">Forum</li><br> </ul><br> <p id="news">Berita berita berita berita berita</p><br> <p id="sukan">sukan sukan sukan sukan sukan</p><br> <p id="tentera">tentera tentera tentera tentera tentera</p><br> <p id="bbs">Forum Forum Forum Forum Forum Forum</p><br> </div><br> </body><br> </html></div> <p>Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang. </p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
