基于jquery实现无限级树形菜单

本文实例为大家分享了基于jquery实现无限级树形菜单效果，具有一定的参考价值，具体内容如下

效果图：

实现代码：

ul.a{width:100%;cursor:pointer;padding:0 0px;color:white;}
ul.a li{list-style-type:none;cursor:pointer;background:#fff;padding:5px 10px;color:black;width:90%;display:none}
.treelist{width:222px;}
ul.a div{height:34px;width:100%;background:url(jia.jpg) no-repeat;padding-left:27px;padding-top:6px;color:#333333;font-weight:bold;font-size:15px}
.shows{display:block}


 


ccccc
  
xxxx
  

    

    ccccc
      
xxxx
      
xxxx
      

 

 ccccc
   

     

ccccc
xxxx
xxxx
xxxx
xxxx
     
   
   
xxxx
   
xxxx
   
xxxx
 
      
      
xxxx
    
  
  
xxxx
  
xxxx

 

ccccc
  
xxxx
  
xxxx
  
xxxx
  
xxxx

 

ccccc
  
xxxx
  
xxxx
  
xxxx
  
xxxx


 
 
 

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