动态html树形菜单模板,JS+CSS简易树状菜单Tree

/p>

"http://www.w3.org/TR/html4/loose.dtd">

树形菜单实例-www.mb5u.com

function showhide_obj(obj,icon)

{

obj=document.getElementById(obj);

icon=document.getElementById(icon);

if (obj.style.display=="none")

{

//指定文档中的对象为div,仅适用于IE;

div_list = document.getElementsByTagName("div");

for (i=0; i< div_list.length;i ++)

{

thisDiv = div_list[i];

if(thisDiv.id.indexOf("title")!=-1)//当文档div中的id含有list时,与charAt类似;

{

//循环把所有菜单链接都隐躲起来

thisDiv.style.display="none";

icon.innerHTML = "+";

}

}

myfont=document.getElementsByTagName("font");

for(i=0;i

{

thisfont = myfont[i];

}

icon.innerHTML="-";

obj.style.display=""; //只显示当前链接

}

else

{

//当前对象是打开的，就封闭它;

icon.innerHTML="+";

obj.style.display="none";

}

}

function show_this(obj)

{

obj=document.getElementById(obj);

if (obj.id==obj.id)

{

blinkicon=document.getElementsByTagName("font");

for(x=0;x

{

if( blinkicon[x].id.indexOf("select")!=-1 && obj.id!=obj )

{

blinkicon[x].innerHTML=" ";

}

}

obj.innerHTML=">";

}

else

{

obj.innerHTML=" ";

}

}

//-->

span{ width:100px;Height:25px;margin-left:15px;}

font{font-weight:bold;}

body,td{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;color:#000000;}

div{cursor:default;border-top:1px solid gray ; border-left:1px solid gray ;border-right:1px solid gray;background-color:#F6F6F6 ;width:200px;}

pre{background-color:#FFFFF1; border:1px solid gray;color:blue;font-family:verdana;Arial;padding:20px;}

+技术类

技术支持

模板无忧

网页殊效

+搜索类

百度

谷歌

雅虎

+音乐类

我的收躲

我的音乐

我的主页

+聊天类

菜单一

菜单二

菜单三