JS实现无限级网页折叠菜单(类似树形菜单)效果代码_javascript技巧

这是一款超不错的网页折叠菜单，采用JavaScript实现。折叠菜单是大家比较常见到的一种菜单形式，可广泛应用于管理系统、后台左侧、产品列表中，本折叠菜单有点树形菜单的味道，相信“无限级”会满足你的要求。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-unlimit-fade-in-out-tree-menu-codes/

具体代码如下：

 
无限级折叠菜单JavaScript版
 
 
菜单_1_1
 
 
菜单_2_1
 
 
菜单_3_1
 
 
菜单_4_1
 
 
菜单_5_1
 
菜单_5_2
 
 
 
菜单_4_2
 
 
菜单_5_1
 
菜单_5_2
 
 
 
 
 
菜单_3_2
 
 
菜单_4_1
 
 
菜单_5_1
 
菜单_5_2
 
 
 
菜单_4_2
 
 
菜单_5_1
 
菜单_5_2
 
 
 
 
 
 
 
菜单_2_2
 
 
菜单_3_1
 
 
菜单_4_1
 
 
菜单_5_1
 
菜单_5_2
 
 
 
菜单_4_2
 
 
菜单_5_1
 
菜单_5_2
 
 
 
 
 
菜单_3_2
 
 
菜单_4_1
 
 
菜单_5_1
 
菜单_5_2
 
 
 
菜单_4_2
 
 
菜单_5_1
 
菜单_5_2
 
 
 
 
 
 
 
 
 
菜单_1_2
 
 
菜单_2_1
 
 
菜单_3_1
 
 
菜单_4_1
 
 
菜单_5_1
 
菜单_5_2
 
 
 
菜单_4_2
 
 
菜单_5_1
 
菜单_5_2
 
 
 
 
 
菜单_3_2
 
 
菜单_4_1
 
 
菜单_5_1
 
菜单_5_2
 
 
 
菜单_4_2
 
 
菜单_5_1
 
菜单_5_2
 
 
 
 
 
 
 
菜单_2_2
 
 
菜单_3_1
 
 
菜单_4_1
 
 
菜单_5_1
 
菜单_5_2
 
 
 
菜单_4_2
 
 
菜单_5_1
 
菜单_5_2
 
 
 
 
 
菜单_3_2
 
 
菜单_4_1
 
 
菜单_5_1
 
菜单_5_2
 
 
 
菜单_4_2
 
 
菜单_5_1
 
菜单_5_2
 
 
 
 
 
 
 
 
 

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