三级下拉菜单的实现：
复制代码 代码如下:
function list(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(name);
if(o!=undefined){
o.style.display=none;
var image=document.all(name3);
//alert(image);
image.src=admin/images/ico04.gif;
if(idstr>12&&idstrdocument.getelementbyid(subtree11).style.display=;
document.getelementbyid(img11).src=admin/images/ico03.gif;
}
}
}
objectobj.style.display=;
imgobj.src=admin/images/ico03.gif;
}
else{
objectobj.style.display=none;
imgobj.src=admin/images/ico04.gif;
}
}
代码讲解：如
上，idstr是一个数字字符，用于区别不同的子菜单和图片。通过document.all(name1)拿到所有的id为name1（一变量）的子菜单，这里
其实只有一个，判断如果当前是隐藏状态，则进入循环，又如果元素有定义（为了方便，通过i取到的有些子菜单可能是未定义的）就把所有子菜单隐藏掉（除了1级菜单，包括2、3级菜单）、换掉当前同级菜单图标，最后把当前选中菜单显示出来、换掉当前选中的图标。有种特殊情况：当idstr>12&&idstr12&&idstr
复制代码 代码如下:
function tupian(idt){
var nametu=xiaotu+idt;
var tp = document.getelementbyid(nametu);
tp.src=admin/images/ico05.gif;//图片ico05为白色的正方形
for(var i=1;i{
var nametu2=xiaotu+i;
if(i!=idt*1)
{
var tp2=document.getelementbyid('xiaotu'+i);
if(tp2!=undefined)
{tp2.src=admin/images/ico06.gif;}//图片ico06为蓝色的正方形
}
}
}
代码说明：只是换掉图标而已，表示激活或失活。