当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 三级下拉菜单的js实现代码

三级下拉菜单的js实现代码

2019年08月09日  | 移动技术网IT编程  | 我要评论
三级下拉菜单的实现:

代码讲解:如
上,idstr是一个数字字符,用于区别不同的子菜单和图片。通过document.all(name1)拿到所有的id为name1(一变量)的子菜单,这里
其实只有一个,判断如果当前是隐藏状态,则进入循环,又如果元素有定义(为了方便,通过i取到的有些子菜单可能是未定义的)就把所有子菜单隐藏掉(除了1级菜单,包括2、3级菜单)、换掉当前同级菜单图标,最后把当前选中菜单显示出来、换掉当前选中的图标。有种特殊情况:当idstr>12&&idstr<20时候,这时正是第二级菜单激活第三级菜单展开的时候,如下图:选中论文管理,因为成果管理是论文管理的父菜单,成果管理不能隐藏,于是有if(idstr>12&&idstr<20)后面的代码块。最后的else就很好理解了,如果当前被选中菜单展开就隐藏掉,并换掉图标。

代码说明:只是换掉图标而已,表示激活或失活。

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网