Bar navigasi pembangunan PHP menu lungsur kedua halaman HTML
Jika kita ingin mencapai kesan seperti yang ditunjukkan di bawah
Kita hanya perlu membuat gaya yang sepadan untuk teg html yang sepadan terlebih dahulu keluar, kodnya adalah seperti berikut
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>導航欄加下拉菜單</title> </head> <body> <div id="menu"> <ul> <li><a href="" class="nodrop">首 頁</a></li> <li><a href="" class="drop">最火下載站</a> <div class="dropdown_1column"> <div class="col_1"> <ul class="simple"> <li><a href="#">網(wǎng)站建設</a></li> <li><a href="#">導航條代碼</a></li> <li><a href="#">最火下載站</a></li> <li><a href="#">電子商務</a></li> <li><a href="#">網(wǎng)站制作</a></li> </ul> </div> </div> </li> <li><a href="#" class="drop">網(wǎng)站建設</a> <div class="dropdown_1column"> <div class="col_1"> <ul class="simple"> <li><a href="#">網(wǎng)站建設</a></li> <li><a href="#">導航條代碼</a></li> <li><a href="#">最火下載站</a></li> <li><a href="#">網(wǎng)站推廣</a></li> <li><a href="#">網(wǎng)站優(yōu)化</a></li> <li><a href="#">網(wǎng)站制作</a></li> </ul> </div> </div> </li> <li><a href="#" class="drop">網(wǎng)絡營銷</a> <div class="dropdown_1column"> <div class="col_1"> <ul class="simple"> <li><a href="#">網(wǎng)站建設</a></li> <li><a href="#">導航條代碼</a></li> <li><a href="#">最火下載站</a></li> <li><a href="#">電子商務</a></li> <li><a href="#">網(wǎng)站推廣</a></li> <li><a href="#">網(wǎng)站優(yōu)化</a></li> <li><a href="#">網(wǎng)站制作</a></li> </ul> </div> </div> </li> <li><a href="#" class="drop">網(wǎng)絡營銷</a> <div class="dropdown_1column"> <div class="col_1"> <ul class="simple"> <li><a href="#">網(wǎng)站建設</a></li> <li><a href="#">導航條代碼</a></li> <li><a href="#">最火下載站</a></li> <li><a href="#">電子商務</a></li> <li><a href="#">網(wǎng)站推廣</a></li> <li><a href="#">網(wǎng)站制作</a></li> </ul> </div> </div> </li> <li><a href="#" class="nodrop">關于我們</a></li> <li><a href="#" class="nodrop">聯(lián)系我們</a></li> </ul> </div> </body>
Anda boleh menukar maklumat di dalam kepada maklumat yang anda perlukan
Kod di atas masih belum dapat mencapai kesan penurunan kedua bar navigasi kami- Menu bawah. Kami Melihat kod di atas, kami memberikan nama kelas yang sepadan Sekarang langkah seterusnya ialah membuat gaya css untuk kelas di atas, untuk mencapai kesan yang kami inginkan
