Contoh dalam artikel ini menerangkan kaedah melaksanakan menu navigasi penukaran berbilang pilihan dalam js. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut: Salin kod Kod adalah seperti berikut: Menu navigasi penukaran berbilang pilihan <br> #dNavBar{<br> warna latar belakang:#ffffff;<br> }<br> #dNavBar li{<br> list-style-type:none;<br> float:left;<br> lebar:84px;<br> ketinggian:28px;<br> ketinggian garis:28px;<br> saiz fon:12px;<br> warna:#FFFFFF;<br> sempadan:1px pepejal #ffffff;<br> latar belakang:#86C2FF;<br> text-align:center;<br> paparan:blok;<br> kursor:penunjuk;<br> }<br> #subMenu{<br> latar belakang:#99cc66;<br> lebar:500px;<br> sempadan-kiri:1px pepejal #ffffff;<br> sempadan-kanan:1px pepejal #ffffff;<br> ketinggian:29px;<br> ketinggian garis:29px;<br> warna:#FFFFFF;<br> saiz fon:12px;<br> padding-left:10px;<br> }<br> badan {<br> jidar: 0px;<br> }<br> a:link,a:dilawati {<br> warna: #FFFFFF;<br> hiasan teks: tiada;<br> }<br> a:tuding{<br> warna: #FFFFFF;<br> hiasan teks: tiada;<br> }<br> <br> fungsi ShowMenu()<br> {<br> var barCTT=document.getElementByIdx_x("dNavBar")<br> var liArr=barCTT.getElementsByTagName_r("li")<br> var links=new Array()<br> pautan[0]="<a href='#'>Lokasi semasa: Rumah"<br> pautan[1]="<a href='#'>Projek Satu</a> | <a href='#'>Projek Dua</a> | <a href='#' > Item 3</a> <a href='#'>Item 4</a>"<br> pautan[2]="<a href='#'>Item Satu</a> | <a href='#'>Item Kedua</a> | <a href='#' > Projek 3</a>"<br> pautan[3]="<a href='#'>Item Satu</a> | <a href='#'>Item Kedua</a> | <a href='#' > Projek tiga</a> <a href='#'>Projek empat</a> <a href='#'> pautan[4]="<a href='#'>Projek Satu</a> | <a href='#'>Projek Dua</a>"<br> pautan[5]="<a href='#'>Item Satu</a> | <a href='#'>Item Kedua</a> | <a href='#' > Projek 3</a>"<br> pautan[6]="<a href='#'>Projek Satu</a> | <a href='#'>Projek Dua</a>"<br> pautan[7]="<a href='#'>Projek Satu</a> | <a href='#'>Projek Dua</a>"<br> pautan[8]="<a href='#'>Projek Satu</a> | <a href='#'>Projek Dua</a>"<br> pautan[9]="<a href='#'>Projek Satu</a> | <a href='#'>Projek Dua</a>"<br> pautan[10]="<a href='#'>Projek Satu</a>| <a href='#'>Projek Dua</a>"<br> pautan[11]="<a href='#'>Projek Satu</a> | <a href='#'>Projek Dua</a>"<br> pautan[12]="<a href='#'>Projek Satu</a> | <a href='#'>Projek Dua</a>"<br> untuk (i=0;i<liArr.length;i )<br /> {<br /> liArr[i].onclick=function()<br /> {<br /> pilihIni(ini,liArr,pautan)<br /> }<br /> }<br /> }<br /> fungsi pilihIni(indexObj,allLi,infoArr)<br /> {<br /> var indeks=0;<br /> untuk (i=0;i<semuaLi.length;i )<br /> {<br /> allLi[i].style.border="1px pepejal #ffffff";<br /> allLi[i].style.backgroundColor="#86C2FF";<br /> allLi[i].style.height="28px";<br /> jika (indexObj==allLi[i])<br /> {<br /> index=i;<br /> }<br /> }<br /> indexObj.style.borderBottom="0px pepejal #666688";<br /> indexObj.style.backgroundColor="#99cc66";<br /> indexObj.style.height="31px";<br /> document.getElementByIdx_x("subMenu").innerHTML=infoArr[index];<br /> }<br /> </skrip><br> <body onLoad="ShowMenu()"><br> <div id="dNavBar" style="float:none; width:560px;"><li>Homepage</li><li>Ekpress Hiburan</li><li>Dunia Muzik< ;/li ;<li>FLASH terbaik</li><br> </div><br> <div id="subMenu">Pengumuman Tapak</div><br> </body><br> </html><br> <br> </div> Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang. <p></p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
