欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

javascript实现树形菜单的方法_javascript技巧

程序员文章站 2022-04-27 20:16:41
...
本文实例讲述了javascript实现树形菜单的方法。分享给大家供大家参考。具体如下:
var ME={
  ini:{i:true,d:{},d1:{},h:0,h1:0,h2:0},
  html:function(da,f){
    var s='
    '; for(var i=0,l=da.length;i'+da[i].ming+''; this.ini.i=false; s+=this.html(da[i].pid,(i+1==l)); }else{ s+='
  • '+da[i].ming+''; } s+='
  • '; } s+='
'; return s; }, st:function(id,da){ document.getElementById(id).innerHTML=this.html(da); }, yc:function(a){ var s=a.className.substr(1); if(s%2){ this.ini.d=a.parentNode.children[2]; this.ini.h1=this.hei(this.ini.d); this.ini.h3=this.ini.h1/10; this.yc1(1); a.className='s'+(parseInt(s)+1); a.parentNode.children[1].children[0].className='r2'; var ol=a.parentNode.parentNode._; if(typeof(ol)=='object'){ this.ini.d1=ol; this.ini.h=ol.offsetHeight; this.ini.h2=this.ini.h/10; this.yc2(1); ol.parentNode.children[0].className='s'+(parseInt(ol.parentNode.children[0].className.substr(1))-1); ol.parentNode.children[1].children[0].className='r1'; } a.parentNode.parentNode._=a.parentNode.children[2]; }else{ this.ini.d1=a.parentNode.children[2]; this.ini.h=this.ini.d1.offsetHeight; this.ini.h2=this.ini.h/10; this.yc2(1); a.className='s'+(parseInt(s)-1); a.parentNode.children[1].children[0].className='r1'; a.parentNode.parentNode._=''; } }, yc1:function(b){ var h1=ME.ini.h1-(11/(b+1)-1)*ME.ini.h3; with(ME.ini.d.style){ height=h1+'px'; display='block'; } if(b

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