用CSS也可以實現下拉菜單，而且代碼量更少，最起碼不用那一大堆的JS控制代碼。代碼如下：

 1 <div id="menu">
 2  <ul>
 3  <li><a href="">菜單一</a>
 4     <ul>
 5     <li><a href="">子菜單1</a></li>
 6     <li><a href="">子菜單2</a>
 7          <ul><li><a href="">子菜單7</a></li></ul>
 8     </li>
 9     <li><a href="">子菜單3</a></li>
10     </ul>
11 </li>
12 <li><a href="">菜單二</a>
13     <ul>
14     <li><a href="">子菜單4</a></li>
15     <li><a href="">子菜單5</a></li>
16     <li><a href="">子菜單6</a></li>
17     </ul>
18 </li>
19 </ul>
20 </div>        

        

        
        
      
        
it知識庫：一個用純CSS實現的下拉菜單，轉載需保留來源！
        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。