Kod ini sangat mudah, jadi saya tidak akan bercakap terlalu banyak karut dan hanya memberi anda kod: Salin kod Kod adalah seperti berikut: <br> function hoversee(){<br> var list = document.getElementById('nav');<br> var zu = list.getElementsByTagName("li");<br> untuk(var i=0;i<9;i )<br /> {<br /> zu[i].onmouseover = function(){<br /> this.getElementsByTagName('dl')[0].style.display = "block";<br /> }<br /> zu[i].onmouseout = function(){<br /> this.getElementsByTagName('dl')[0].style.display = "tiada";<br /> }<br /> }<br /> }<br /> window.onload = hoversee;<br /> </skrip><br> <gaya><br> *{<br> font-family:Microsoft YaHei;<br> jidar:0;<br> pelapik:0;<br> }<br> badan{lebar:100%;}<br> ul{list-style: none;}<br> a{text-decoration: none;}<br> #header{<br> ketinggian:50px;<br> ketinggian garis:50px;<br> latar belakang:#455A6E;<br> }<br> #header h2,#header h3{<br> berat fon:500;<br> }<br> #header h2{<br> warna:#fff;<br> saiz fon:18px;<br> lebar:180px;<br> penjajaran teks: tengah;<br> latar belakang:#0D2E49;<br> }<br> #header h3{color:#fff;font-size:16px;}<br> .mycenter{<br> lebar:900px;<br> margin:0 auto;<br> }<br> #header div.mycenter{<br> /*相对定位*/<br> jawatan:saudara;<br> }<br> #nav {<br> lebar:180px;<br> latar belakang:rgba(0, 102, 173, 0.5);<br> indeks-z:999;<br> }<br> #nav li{<br> ketinggian:40px;<br> padding-left:40px;<br> ketinggian garis: 40px;<br> jawatan:saudara;<br> }<br> #nav h3{height:40px;}<br> #nav li dl{<br> jawatan:saudara;<br> kiri:140px;<br> atas:-40px;<br> lebar:150px;<br> latar belakang:#fff;<br> paparan:tiada;<br> padding:8px 10px;<br> }<br> #nav dt{<br> lebar:150px;<br> ketinggian garis: 30px;<br> ketinggian:30px;<br> latar belakang:#36C1AF;<br> warna:#fff;<br> penjajaran teks: tengah;<br> }<br> #nav dd a{<br> paparan:blok;<br> ketinggian:30px;<br> lebar:150px;<br> saiz fon:14px;<br> warna:#858585;<br> }<br> #nav dd a:hover{<br> hiasan teks: garis bawah;<br> }<br> #kandungan{<br> latar belakang:#E95200;<br> Tinggi:500px;<br> }<br> </style><br> </head><br> <badan><br> <div id="header"><br> <div class="mycenter"><br> & Lt; h2 & gt; menu pengurusan latar belakang & lt;/h2 & gt; <ul id="nav"><br> ... <h3>Pengurusan Akaun</h3><br> & Lt; dt & gt; pengurusan akaun & lt;/dt & gt; <br> & Lt; a href = "#" & gt; Tukar kata laluan & lt;/a & gt; <br> & Lt; a href = "#" & gt; & Lt;a href = "#" & gt; ... ... <h3>Pengurusan halaman utama</h3><br> <dt>Pengurusan halaman utama</dt><br> & Lt; a href = "#" & gt; … /a><br> <a href="#">Ubah suai maklumat bawah</a><br> ... ...& Lt; h3 & gt; pengurusan produk & lt;/h3 & gt; <br> <dt>Pengurusan Produk</dt><br> <a href="#">Tambah produk baharu</a><br> & Lt; a href = "#" & gt; menguruskan semua produk & lt;/a & gt; <br> <a href="#">Pengurusan Kategori</a><br> ... ... Pengurusan lt;/h3><br> <dt>Pengurusan Berita</dt><br> <a href="#">Terbitkan Berita</a><br> & Lt; a href = "#" & gt; semua pengurusan berita & lt;/a & gt; <br> <a href="#">Tambah siri</a><br> <a href="#">Pengurusan Siri Berita</a><br> ... ... & Lt; h3 & gt; pengurusan maklum balas & lt;/h3 & gt; <br> ... 🎜> ... ... & Lt; h3 & gt; Pengurusan Maklumat Enterprise & lt;/h3 & gt; <br> <dt>Pengurusan Maklumat Perusahaan</dt><br> <a href="#">Profil Syarikat</a><br> sahaja >Pengurusan Pengambilan Bakat</a><br> ... ... h3><br> dalam & Lt; a href = "#" & gt; Tambah pentadbir baru & lt;/a & gt; <br> <a href="#">Lihat semua kebenaran akaun</a><br> dalam ... ... <h3>Pengurusan Fungsi</h3><br> <dt>Pengurusan Fungsi</dt><br> nur <h3>Berechtigungsanzeige und -anwendung</h3><br> & Lt; a href = "#" & gt; anzeigen Ihre Berechtigungen & lt;/a & gt; <br> & Lt; a href = "#" & gt; Anwendungsberechtigungen & lt;/a & gt; </div><br> <div id="content"><br> </div><br> <div id="footer"><br> </div><br> </body><br> </html><br> <br><br> <br>Freunde, fügen Sie einfach den Anrufcode entsprechend Ihren eigenen Bedürfnissen hinzu und verwenden Sie ihn gerne. <br> </div>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
