纯CSS多级菜单

主要代码部分:

纯CSS多级菜单
/*新增的二级菜单部分*/  
.menu ul ul {  
  visibility:hidden;/*开始时是隐藏的*/  
  position:absolute;  
  left:0px;  
  top:32px;  
}  
.menu ul a:hover ul{  
  visibility:visible;  
}  
.menu ul ul li {  
  clear:both;/*垂直显示*/  
  text-align:left;  
}  

/**或**/

dd { display:none; }
dl:hover dd, a:hover dd { display:block; }
a:hover { border:0; }
纯CSS多级菜单

 

demo下载

纯CSS多级菜单,布布扣,bubuko.com

纯CSS多级菜单

上一篇:Asp.NET MVC 中使用 SignalR 实现推送功能


下一篇:IIS7配置Gzip压缩 JS压强失败的原因