二级菜单用css做的那个补充js怎么弄啊

 我来答

1个回答

#热议# 网上掀起『练心眼子』风潮，真的能提高情商吗？

nzwangpeng
2011-03-31

知道答主

回答量：18

采纳率：0%

帮助的人：21.8万

我也去答题访问个人页

关注

展开全部

<html>
<head>
<title>简易的JS+CSS树状二级菜单tree丨芯晴网页特效丨CsrCode.Cn</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="JavaScript" type="text/JavaScript">
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<myfont.length;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<blinkicon.length;x++)
{
if( blinkicon[x].id.indexOf("select")!=-1 && obj.id!=obj )
{
blinkicon[x].innerHTML=" ";
}
}
obj.innerHTML=">";
}
else
{
obj.innerHTML=" ";
}
}
//-->
</script>
<style type="text/css">
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;}
</style>
</head>

<body>

<div style="line-height:25px;" onClick="showhide_obj('title1','icon1')"><font id='icon1'>+</font>网站设置</div>
<div id="title1" style="background-color:#fffff3;line-height:22px;display:none;">
<span id="menu1_1" onMouseOver="this.style.backgroundColor='blue'" onMouseOut="this.style.backgroundColor=''" onclick="show_this('select1_1')"><font id='select1_1'></font>
<a href="/" target="_blank">后台首页</a></span></font><br />
<span id="menu1_2" onclick="show_this('select1_2')"><font id='select1_2'></font><a href="/" target="_blank">网站设置</a></span></font><br />
<span id="menu1_3" onclick="show_this('select1_3')"><font id='select1_3'></font><a href="/" target="_blank">过滤设置</a></span></font><br />
</div>
<div style="line-height:25px;" onClick="showhide_obj('title2','icon2')"><font id='icon2'>+</font>内容管理</div>
<div id="title2" style="background-color:#fffff3;line-height:22px;display:none;">
<span id="menu2_1" onclick="show_this('select2_1')"><font id='select2_1'></font><a href="/" target="_blank">添加内容</a></span></font><br />
<span id="menu2_2" onclick="show_this('select2_2')"><font id='select2_2'></font><a href="/" target="_blank">管理内容</a></span></font><br />
<span id="menu2_3" onclick="show_this('select2_3')"><font id='select2_3'></font><a href="/" target="_blank">内容搜索</a></span></font><br />
</div>
<div style="line-height:25px;" onClick="showhide_obj('title3','icon3')"><font id='icon3'>+</font>栏目管理</div>
<div id="title3" style="background-color:#fffff3;line-height:22px;display:none;">
<span id=menu3_1 onclick="show_this('select3_1')"><font id='select3_1'></font>添加栏目</span></font><br />
<span id=menu3_2 onclick="show_this('select3_2')"><font id='select3_2'></font>管理栏目</span></font><br />

</div>
<div style="line-height:25px;" onClick="showhide_obj('title4','icon4')"><font id='icon4'>+</font>其他设置</div>
<div id="title4" style="background-color:#fffff3;line-height:22px;display:none;">
<span id=menu4_1 onclick="show_this('select4_1')"><font id='select4_1'></font>系统信息</span></font><br />
<span id=menu4_2 onclick="show_this('select4_2')"><font id='select4_2'></font>联系方式</span></font><br />
<span id=menu4_3 onclick="show_this('select4_3')"><font id='select4_3'></font>备案信息</span></font><br />
</div>
</body>
</html>

<p align="center">本特效由 <a href="http://www.CsrCode.cn">芯晴网页特效</a>丨CsrCode.Cn 收集于互联网，只为兴趣与学习交流，不作商业用途。</p>

本回答由提问者推荐

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

二级菜单用css做的那个 补充js怎么弄啊

为你推荐：

二级菜单用css做的那个补充js怎么弄啊