一个用纯CSS实现的下拉菜单

2010-09-05 13:16:00 分类：it知识库阅读()

　　用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实现的下拉菜单，转载需保留来源！
        郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

标签：

相关文章阅读