html怎样实现树形菜单,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

if(typeof(da[i].pid)=='object'){

s+='

'+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<10){

setTimeout('ME.yc1('+(b+1)+')',25);

}else{

ME.ini.d.style.display='block';

ME.ini.d.style.height='';

}

},

yc2:function(b){

var h1=(11/(b+1)-1)*ME.ini.h2;

with(ME.ini.d1.style){

height=h1+'px';

}

if(b<10){

setTimeout('ME.yc2('+(b+1)+')',25);

}else{

ME.ini.d1.style.display='';

ME.ini.d1.style.height='';

}

},

hei:function(a){

var b=a.cloneNode(true);

b.style.position='absolute';

b.style.display='block';

b.style.visibility='hidden';

a.parentNode.appendChild(b);

var h=b.offsetHeight;

a.parentNode.removeChild(b);

return h;

}

}