当前位置: 代码迷 >> Java Web开发 >> java web开发左边导航栏右边内容的实现有关问题求解
  详细解决方案

java web开发左边导航栏右边内容的实现有关问题求解

热度:24   发布时间:2016-04-14 08:59:49.0
java web开发左边导航栏右边内容的实现问题求解
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>