這種簡而易懂的方法主要是通過html和css代碼來實現，php下拉式功能表代碼具體樣本如下：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><div id="nav"> <ul> <li><a href="">首頁</a></li> <li><a href="">膝上型電腦</a> <ul> <li><a href="#">索尼</a> </li> <li><a href="#">聯想</a> </li> </ul> </li> <li><a href="">攝像機</a> <ul> <li><a href="#">松下</a> </li> <li><a href="#">佳能</a> </li> </ul> </li> <li><a href="">聯絡我們</a></li> </ul></div></body></html>
style.css代碼如下：
<style> *{margin:0;padding: 0;list-style: none;text-decoration: none;} #nav{width: 500px;height: 40px;background: #ccc;margin: 0 auto;} ul{background: #aaa} ul li{float:left; display:block; height: 40px; line-height: 40px; padding: 0 20px; position: relative;} ul li:hover{background: #cea;} ul li ul li{float: none;} /*關鍵一：將二級菜單設定為display：none;*/ ul li ul{position: absolute;top:40px;left: 0; display: none;} ul li ul li:hover{background: red;} /*關鍵二：在划過二級菜單從屬的一級菜單時，設定為display:block;*/ ul li:hover ul{display: block;} </style>
本篇主要介紹php二級下拉式功能表怎麼用簡單的方法來實現，希望對需要的朋友有所協助。
【相關內容推薦】
PHP開發 導覽列二級下拉式功能表完整代碼
PHP開發 導覽列二級下拉式功能表HTML頁面
怎麼php下拉式功能表讀取資料庫
php和jQuery實現三級導覽列下拉式功能表顯示效果
PHP開發 導覽列二級下拉式功能表CSS樣式
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
