纯CSS实现的二级下拉导航菜单实例代码_html/css

 
 蚂蚁部落 
div css教程
 
javascript教程
 
jQuery教程
 
html教程
 
json教程
 
ajax教程
  
 后台教程 
asp教程
 
asp.net教程
 
php教程
 
jsp教程
  
 交流专区 
seo交流
 
网站运营
 
百度优化
 
谈天说地
 
网站排名
  

以上代码实现了我们的要求，利用纯css实现了下拉导航菜单效果，在低版本的IE浏览器中有兼容性问题，不过也无需担心，因为很快就不必为此担忧，IE6的用户会越来越少，下面简单介绍一下它的实现原理。
实现原理:
1.主导航水平排列:
主导航水平排列效果实现非常简单，只要将最外层li元素添加浮动即可。
2.核心结构:

 蚂蚁部落 
div css教程
 
javascript教程
 
jQuery教程
 
html教程
 
json教程
 
ajax教程
 

在默认状态下，内层的ul元素是隐藏的，也就是默认状态下只会显示主导航，当鼠标悬浮在主导航上的时候内层ul元素会处于显示状态，并且将其设置为绝对定位同时，调整left和top属性值，以此实现下拉菜单效果。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=12909

更多内容可以参阅:http://www.softwhy.com/divcss/