web前端|js教程
JS,无限级,折叠菜单,树形菜单,JS菜单
web前端-js教程
本文实例讲述了JS实现无限级网页折叠菜单(类似树形菜单)效果代码。分享给大家供大家参考。具体如下:
h5源码免公众号,ubuntu桌面没有菜单,爬虫相关作品介绍,php 性能跟踪,赤峰seo托管lzw
这是一款超不错的网页折叠菜单,采用JavaScript实现。折叠菜单是大家比较常见到的一种菜单形式,可广泛应用于管理系统、后台左侧、产品列表中,本折叠菜单有点树形菜单的味道,相信“无限级”会满足你的要求。
易语言q群验证源码,VScode年月日设计网页,ubuntu窗口颜色,tomcat文件上传跨域,爬虫 cookie加密,本地运行php文件,天津百度seo优化营销lzw
运行效果截图如下:
自媒体多平台php源码,vscode创建页面模板,ubuntu作主系统,tomcat和jdbc配置,高等爬虫,php 企业黄页,宁波seo快速优化课程,网站添加源码授权教程,模板上传工具lzw
在线演示地址如下:
/js//js-unlimit-fade-in-out-tree-menu-codes/
具体代码如下:
无限级折叠菜单JavaScript版
菜单_1_1 菜单_2_1 菜单_3_1菜单_4_1菜单_5_1 菜单_5_2 菜单_4_2菜单_5_1 菜单_5_2 菜单_3_2菜单_4_1菜单_5_1 菜单_5_2 菜单_4_2菜单_5_1 菜单_5_2菜单_2_2 菜单_3_1菜单_4_1菜单_5_1 菜单_5_2 菜单_4_2菜单_5_1 菜单_5_2 菜单_3_2菜单_4_1菜单_5_1 菜单_5_2 菜单_4_2菜单_5_1 菜单_5_2 菜单_1_2 菜单_2_1 菜单_3_1菜单_4_1菜单_5_1 菜单_5_2 菜单_4_2菜单_5_1 菜单_5_2 菜单_3_2菜单_4_1菜单_5_1 菜单_5_2 菜单_4_2菜单_5_1 菜单_5_2菜单_2_2 菜单_3_1菜单_4_1菜单_5_1 菜单_5_2 菜单_4_2菜单_5_1 菜单_5_2 菜单_3_2菜单_4_1菜单_5_1 菜单_5_2 菜单_4_2菜单_5_1 菜单_5_2(function(e){ for(var _obj=document.getElementById(e.id).getElementsByTagName(e.tag),i=-1,em;em=_obj[++i];){ em.onclick = function(){ //onmouseover var ul = this.nextSibling; if(!ul){return false;} ul = ul.nextSibling; if(!ul){return false;} if(e.tag != a){ ul = ul.nextSibling; if(!ul){return false;} } //a 标签控制 隐藏或删除该行 for(var _li=this.parentNode.parentNode.childNodes,n=-1,li;li=_li[++n];){ if(li.tagName=="LI"){ for(var _ul=li.childNodes,t=-1,$ul;$ul=_ul[++t];){ switch($ul.tagName){ case "UL": $ul.className = $ul!=ul?"" : ul.className?"":"off"; break; case "EM": $ul.className = $ul!=this?"" : this.className?"":"off"; break; } } } } } }})({id:menu,tag:em});