Maison  >  Article  >  interface Web  >  用JS做的简单的可折叠的两级树形菜单_javascript技巧

用JS做的简单的可折叠的两级树形菜单_javascript技巧

WBOY
WBOYoriginal
2016-05-16 17:22:211018parcourir
复制代码 代码如下:





可折叠的两级菜单




window.onload=function(){
varlistUL=document.getElementById("listUL");
varolist=listUL.childNodes;
varoa=0;
for(var i = 0; i if(olist[i].tagName=="LI"&&olist[i].getElementsByTagName("ul")[0]){
oa=olist[i];
oa.onclick=change;
}

}
functionchange(){
varos=this.getElementsByTagName("ul")[0];
if(os.className=="myHide")
os.className="myShow";
else
os.className="myHide";
}
}






  • Home



  • news

  • lastest news

  • all news




  • sports

  • lastest news

  • all news




  • weather

  • lastest news

  • all news







  • Déclaration:
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn