Rumah > hujung hadapan web > tutorial js > 用JS做的简单的可折叠的两级树形菜单_javascript技巧

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

WBOY
Lepaskan: 2016-05-16 17:22:21
asal
1071 orang telah melayarinya
复制代码 代码如下:





可折叠的两级菜单




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







  • Label berkaitan:
    sumber:php.cn
    Kenyataan Laman Web ini
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
    Tutorial Popular
    Lagi>
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan