java web开发时,如何实现左边导航栏右边内容,大致框架如下:
<body>
<div id="container">
<div id="header">页头</div>
<div id="menu">
<ul>
<li><a href="index.jsp?id=1">test1</a></li>
<li><a href="index.jsp?id=2">test2</a></li>
<li><a href="index.jsp?id=3">test3</a></li>
</ul>
</div>
<div id="content">welcome</div>
<div id="footer">页脚</div>
</div>
</body>
要求,右边只能有一个div,实现类似于iframe的效果,但是不能用iframe,左边菜单栏需要用类似的href来实现
困扰好久了,求大神解救!
------解决思路----------------------
像这样
------解决思路----------------------
不用ifream,那就写js做咯,easyui有很多现成的,去找找呗。
------解决思路----------------------
<script type="text/javascript">
var LeftID = "";
function DoMenu(emid) {
var obj = document.getElementById(emid);
obj.className = (obj.className.toLowerCase() == "expanded" ? "collapsed" : "expanded");
if ((LeftID != "") && (emid != LeftID )) //关闭上一个Menu
{
document.getElementById(LeftID).className = "collapsed";
}
LeftID = emid;
}
</script>
<li><a href="#" onclick="DoMenu('jcsj')">基础数据管理</a>
<ul class="collapsed">
<li><a href="/xx.do?method=list" target="Right"></a></li>
<li><a href="/xx.do?method=list" target="Right"></a></li>
<li><a href="/xx.do?method=list" target="Right"></a></li>
</ul>
</li>