您的位置：首页 > Web前端 > JavaScript

JS实现树形菜单

2009-11-17 22:52 429 查看

代码具体如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>卷帘菜单</title>
</head>
<mce:script type="text/javascript"><!--
function onoff1()
{
if(myindex2.style.display==""){
myindex2.style.display="none";
}
else
{
myindex1.style.display="";
myindex2.style.display="";
myindex3.style.display="";
myindex4.style.display="none";
}

}

function onoff2(){
if(myindex4.style.display==""){
myindex4.style.display="none";
}
else
{
myindex1.style.display="";
myindex2.style.display="none";
myindex3.style.display="";
myindex4.style.display="";
}
}
// --></mce:script>
<body>
<TABLE width="180" border="0" cellSpacing=1 bgcolor="#000000" id="mainTable">
<TBODY id="myindex1" >
<TR>
<TD bgColor="#EEEEEE" style="background-image:url(left1.jpg)" mce_style="background-image:url(left1.jpg)" >
<TABLE cellSpacing=0 cellPadding=0 width="180" border=0>
<TR>
<TD align="center" height="36">
<div onclick=onoff1() style="cursor:pointer;" mce_style="cursor:pointer;">采购信息</div>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TBODY>

<TBODY id="myindex2" style="display:none" mce_style="display:none">
<TR>
<TD class=normalText align="left" height=20>
<table width="100%" bgcolor="#FFFFFF">
<tr align="center">
<td><a href="first.html" mce_href="first.html" target="mainFrame">发布采购信息</a></td>
</tr>
<tr align="center">
<td><a href="second.html" mce_href="second.html" target="mainFrame">修改采购信息</a></td>
</tr>
</table>
</TD>
</TR>
</TBODY>

<TBODY id="myindex3" style="background-image:url(BK023.jpg)" mce_style="background-image:url(BK023.jpg)">
<TR>
<TD bgColor="#EEEEEE" style="background-image:url(left1.jpg)" mce_style="background-image:url(left1.jpg)">
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TR>
<TD align="center" height="36">
<div onclick=onoff2() style="cursor:pointer;" mce_style="cursor:pointer;">供应信息</div>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TBODY>

<TBODY id="myindex4" style="display:none" mce_style="display:none">
<TR>
<TD class=normalText align="left" height=20>
<table width="100%" bgcolor="#FFFFFF">
<tr align="center">
<td>发布供应信息</td>
</tr>
<tr align="center">
<td>修改供应信息</td>
</tr>
</table>
</TD>
</TR>
</TBODY>
</TABLE>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航