html插入树型菜单可以吗、？
我学习网页没多长时间，用html做了一个网页，想在里插一个树型的菜单做了好久以没有找到方法，哪位知道告诉小弟一上声！！...
我学习网页没多长时间，用html做了一个网页，想在里插一个树型的菜单
做了好久以没有找到方法，哪位知道告诉小弟一上声！！ 展开
做了好久以没有找到方法，哪位知道告诉小弟一上声！！ 展开
2个回答
展开全部
Javascript
<html>
<head>
<title>简单树型菜单</title>
</head>
<body>
<script language="javascript">
// 隐藏div
function hideAll() {
for(i=0;i<odiv.length;i++) {
// 用display="none"实现隐藏
odiv[i].style.display="none";
}
}
// 显示所有的div
function showObj(num) {
if (odiv[num].style.display=="none") {
hideAll();
// 以行显示div
odiv[num].style.display="inline";
}
else {
odiv[num].style.display="none";
}
}
</script>
<table>
<tr >
<td>
<a href="#" onclick="showObj(0)">菜单一</a><br>
<div id="odiv" style="display:none">Menu1-1<br>Menu1-2<br>Menu1-3</div>
</td>
</tr>
<tr >
<td>
<a href="#" onclick="showObj(1)">菜单二</a><br>
<div id="odiv" style="display:none">Menu2-1<br>Menu2-2<br>Menu2-3</div>
</td>
</tr>
<tr >
<td>
<a href="#" onclick="showObj(2)">菜单三</a><br>
<div id="odiv" style="display:none">Menu3-1<br>Menu3-2<br>Menu3-3</div>
</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>简单树型菜单</title>
</head>
<body>
<script language="javascript">
// 隐藏div
function hideAll() {
for(i=0;i<odiv.length;i++) {
// 用display="none"实现隐藏
odiv[i].style.display="none";
}
}
// 显示所有的div
function showObj(num) {
if (odiv[num].style.display=="none") {
hideAll();
// 以行显示div
odiv[num].style.display="inline";
}
else {
odiv[num].style.display="none";
}
}
</script>
<table>
<tr >
<td>
<a href="#" onclick="showObj(0)">菜单一</a><br>
<div id="odiv" style="display:none">Menu1-1<br>Menu1-2<br>Menu1-3</div>
</td>
</tr>
<tr >
<td>
<a href="#" onclick="showObj(1)">菜单二</a><br>
<div id="odiv" style="display:none">Menu2-1<br>Menu2-2<br>Menu2-3</div>
</td>
</tr>
<tr >
<td>
<a href="#" onclick="showObj(2)">菜单三</a><br>
<div id="odiv" style="display:none">Menu3-1<br>Menu3-2<br>Menu3-3</div>
</td>
</tr>
</table>
</body>
</html>
已赞过
已踩过<
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
