如何实现不同菜单的分栏

各位大侠，做的系统的界面需求是这样的，顶上是标题和模块列表，下面左边放不同模块的菜单导航，右边放内容不同模块的菜单导航是不一样的。
主页面用了母版页，本来打算下面用iframe框架，发现不能用。
各位看看，这样的需求怎么设计可行？

解决方案 »

  1.   

    个人意见：
    页面分为三块
    顶部、中部（左部、右部（iframe））、底部
    顶部可以用ul li实现横向菜单 点击脚本控制中部左边的菜单显示
    然后点击左边 菜单  显示在右边的Iframe里
      

  2.   

    母版页分成上、中(中分左右模块)、下，上面放置标题和模块，模块用JS控制关联到中左要显示的数据，中右放置内容，下放置底部内容，OK！搞定，如果要实现不刷新效果，建议使用Iframe框架
      

  3.   

    学习下：
    页面分为三块
    顶部、中部（左部、右部（iframe））、底部
    顶部可以用ul li实现横向菜单 点击脚本控制中部左边的菜单显示
    然后点击左边 菜单 显示在右边的Iframe里
      

  4.   


    总体使用div分页面
    用div将页面分成三大块
    中间分为左边和右边两块，左边是菜单
    因为你的左边菜单式点击根据顶部菜单变化的 所以一种方案是
    顶部菜单用ul li横向放置
    然后将各顶部菜单的子菜单放在对应的div里（这些div放在中间的左边），然后再点击顶部菜单的时候控制各div的显示，只显示你点击的顶部菜单的对应的div。
    至于子菜单也可以用ul li只不过是默认的纵向放置，然后就是正常点击<a> 右边的iframe跳转