2011/12/26 at 13:52 » Comments (449)

以下代码在ie6以上版本以及其他标准浏览器下，都可以实现纯css的下拉菜单效果，原理是通过li:hover控制菜单的显示隐藏。 <ul id="nav"> <li><a href="#">这是显示的标题1</a> <ul> <li><a href="#">这是列表中的内容1</a></li> <li><a href="#">这是列表中的内容2</a></li> <li><a href="#">这是列表中的内容3</a></li> <li><a href="#">这是列表中的内容4</a></li> </ul> </li> <li><a href="#">这是显示的标题2</a> <ul> <li><a href="#">这是列表中的内容5</a></li> <li><a href="#">这是列表中的内容6</a></li> <li><a href="#">这是列表中的内容7</a></li> <li><a href="#">这是列表中的内容8</a></li> </ul> </li> </ul> CSS样式代码 #nav, #nav ul{ /* all lists */ padding: 0; margin: 0; list-style: ...more »