>웹 프론트엔드 >JS 튜토리얼 >3레벨 드롭다운 메뉴 탐색 메뉴에 대한 Node.js 구현 코드

3레벨 드롭다운 메뉴 탐색 메뉴에 대한 Node.js 구현 코드

WBOY
WBOY원래의
2016-05-16 18:06:341412검색

三级下拉菜单的实现:

复代码 代码如下:

기능 목록(idstr) {
var name1="subtree" idstr;
var name2="img" idstr;
var objectobj=document.all(name1);
var imgobj=document.all(name2);
//alert(imgobj);
if(objectobj.style.display=="none"){
for(i=1;ivar name3="img" i;
var name="subtree" i;
var o=document.all(이름);
if(o!=정의되지 않음){
o.style.display="없음";
var image=document.all(name3);
//경고(이미지);
image.src="<%=basePath%>admin/images/ico04.gif";
if(idstr>12&&idstr<20){
document.getElementById("subtree11").style.display="";
document.getElementById("img11").src="<%=basePath%>admin/images/ico03.gif";
}
}
}
objectobj.style.display="";
imgobj.src="<%=basePath%>admin/images/ico03.gif";
}
else{
objectobj.style.display="none";
imgobj.src="<%=basePath%>admin/images/ico04.gif";
}
}

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

function tupian(idt){
var nametu="xiaotu" idt;
var tp = document.getElementById(nametu);
tp.src="<%=basePath%>admin/images/ico05.gif";//图文ico05为白color적정형
for(var i=1;i<32;i )
{
var nametu2="xiaotu" i;
if(i!=idt*1)
{
var tp2=document.getElementById('xiaotu' i);
if(tp2!=undefine)
{tp2.src="<%=basePath%>admin/images/ico06.gif";}//图文ico06为蓝color적정방형
}
}
}

代码说明:只是换掉图标而已,表示激活或失活。
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.