jQuery实现有动画淡出效果的二级折叠菜单代码

本文实例讲述了jQuery实现有动画淡出效果的二级折叠菜单代码。分享给大家供大家参考，具体如下：

这里介绍jQuery实现有动画淡出效果的二级折叠菜单代码，相当不错，因考虑功能的实现，所以没有怎么美化，不过这样也好，可以给大家更多的空间来修饰美化，想怎么弄就怎么弄了。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/jquery-dh-flash-fade-in-out-2-menu-demo/

具体代码如下：

a{text-decoration:none}
.menu ul{
 margin:0 0 0 10px;
 padding:0;
 display:none;
}
.menu ul li{
 height:22px;
 line-height:22px;
 border:none;
}
.menu ul li a{
 font-size:12px;
 font-weight:normal;
 color:#666;
}
.menu ul ul{
 position:absolute;
 z-index:3;
 background:#CC3366;
}
.menu ul ul li{text-indent:10px;padding-right:10px}
.menu ul ul li a{color:#fff}



 

 
一级菜单1
 

 
二级菜单1
 
二级菜单2
 
二级菜单3
 
二级菜单4
 
二级菜单5
 
二级菜单6
 
 
 
 
一级菜单2
 

 
二级菜单1
  

  
三级菜单1
  
三级菜单2
  
 
 
二级菜单2
 
 
 
 

希望本文所述对大家jQuery程序设计有所帮助。