json+jQuery实现的无限级树形菜单效果代码

本文实例讲述了json+jQuery实现的无限级树形菜单效果代码。分享给大家供大家参考。具体如下：

这里演示json树形菜单，JS无级树树形菜单，引入了jQuery插件，使用递归实现获取无级树数据并生成DOM结构，可以在JSON数据里 扩展无限级 看结构就明白。

先来看看运行效果截图：

在线演示地址如下：

http://demo.jb51.net/js/2015/jquery-json-tree-style-menu-codes/

具体代码如下：

.menuTree{ margin-left:-30px;}
.menuTree div{ padding-left:30px;}
.menuTree div ul{ overflow:hidden; display:none; height:auto;}
.menuTree span{ display:block; height:25px; line-height:25px; padding-left:5px; margin:1px 0; cursor:pointer; border-bottom:1px solid #CCC;}
.menuTree span:hover{ background-color:#e6e6e6; color:#cf0404;}
.menuTree a{ color:#333; text-decoration:none;}
.menuTree a:hover{ color:#06F;}
.btn{ height:30px; margin-top:10px; border-bottom:1px solid #CCC;}




  

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