用CSS也可以實(shí)現(xiàn)下拉菜單，而且代碼量更少，最起碼不用那一大堆的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知識(shí)庫：一個(gè)用純CSS實(shí)現(xiàn)的下拉菜單，轉(zhuǎn)載需保留來源！
        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。