折叠菜单中，打开上级菜弹出下级菜单的同时网页更新

来源：百度知道 编辑：UC知道 时间：2024/07/01 01:28:10
具体是这样的，我有一个公司产品的WEB页面，公司产品分几大类，每类下面有不同子类产品。我有一个菜单在网页的左边。我现在要实现的效果是打开一个大类产品菜单的时候，右边网页就自动显示这个大类产品的信息，同时大类产品菜单下显示几个小分类产品的菜单。
请问这样的菜单效果如何实现呢，我找了很多地方都没有找到啊！

楼主要的效果可以用一个iframe来实现，具体代码如下，关于pro.php文件内容相信楼主会写了。
<html>
<head>
<title>产品展示</title>
<style type="text/css">
*{font-size:12px}
.bigClass{cursor:pointer; margin-top:20px; font-weight:bold}
</style>
<script type="text/javascript">
function bigClass(num)
{
var theID = "smallClass_" + num;
document.getElementById(theID).style.display = document.getElementById(theID).style.display == "none" ? "block" : "none";
mainFrame.location.href = "pro.php?bigClass=" + num;//此处在iframe中调用显示产品的页面
}
</script>
</head>
<body>
<table width="100%">
<tr>
<td id="left_nav" width="10%" height="100%">
<div class="bigClass" onClick="bigClass(1)">产品大类_1</div>