如题,现在想做一个后台管理页面,布局想设计成csdn首页这样的布局,在左边有个树形的菜单栏,点击其中任何一个分类之后可以展开子分类,点击子分类的名称后在右边显示出来子分类的内容,如下图,但是不知道用什么技术来实现,貌似js可以,但是太复杂。。希望大家帮帮忙,有仅仅修改点字段就可以运行的例子更好。。

解决方案 »

  1.   

    不是用的frame么。。
    左右开,左面用个jquery的treeview控件,右面出详细信息
      

  2.   

    flex JS框架。
    网上也有很多教学视频,上手很快的
      

  3.   

    其实也没有必要用它那个。你自己写几个div,控制一下宽度,把布局控制好。然后点左边树调用方法,将右边内容改变就行了。不知道可否帮上你。
      

  4.   

    概念都懂。就是实现起来麻烦。。有demo就好了呵呵
      

  5.   

    这个思路我想过,我卡的问题就是在左边点击一个子分类,怎么就触发右边的frame框来显示分类的信息呢?照例说在左边点击一个分类后刷新的应该是左边的frame框吧。。
      

  6.   

    frame 框架
     <frameset rows="*" cols="180,*" frameborder="no" border="0" framespacing="0">
      <frame src="Left.jsp" name="leftFrame" scrolling="auto" noresize="noresize" id="leftFrame" title="leftFrame" />
      <frameset rows="50,*" frameborder="no" border="0" framespacing="0">
        <frame src="head.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
        <frame src="main.html" name="mainFrame" id="mainFrame" title="mainFrame" />
      </frameset>
    </frameset>
    菜单栏的子菜单,写个很简单的js 来控制div的显示隐藏就可以
      

  7.   

    左边的分类树就是连接而已<a href="infAll!findlist.action" target="mainFrame">病史信息</a> 
      

  8.   

    子分类的连接加上target="mainFrame"  mainFrame是右侧frame的name值 这样就可以把相对应的页面显示出来呀
      

  9.   

    那这样的话是不是用表格也可以实现?就是用表格替代frame,然后点击左边的单元格中的内容后,在链接的target中写上右边单元格的name。。这样可以么。。因为涉及到用frame的话改变的是整个页面的布局,而我的top那一块已经实现好了,不需要改变
      

  10.   

    是框架  3个页面 导航一个页面标题一个页面 
    剩下的就是main中间一个页面、
    换东西就全是还main的!
      

  11.   

    我现在用的是表格,具体代码是下面这个样子
    <table><tr>
    <td>左边的分类栏展示框</td>
    <td>右边的详细信息显示框</td>
    </tr>
    </table>
    请问有什么方法可以使点击左边的分类超链接使页面的信息显示在右边的单元格里面??求高手
      

  12.   

    我现在用的是表格,具体代码是下面这个样子
    <table><tr>
    <td>左边的分类栏展示框</td>
    <td>右边的详细信息显示框</td>
    </tr>
    </table>
    请问有什么方法可以使点击左边的分类超链接使页面的信息显示在右边的单元格里面??求高手
      

  13.   

    CSDN论坛首页用的是frameset框架,左边NavigetionFrame,右边ContentFrame,
    打开CSDN论坛首页,右键菜单"查看页面源码"不就可以看到了么;<html>
    <head>
        <title>CSDN社区首页 - CSDN.NET</title>
        <meta name="designer" content="CSDN.NET" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="baidu-site-verification" content="OM39DaCQT6rvMv9e" />
    </head>
    <frameset id="sidebar_content" cols="225, *" frameborder="1" border="6" framespacing="5" bordercolor="#A1C7F9">
        <frame name="NavigetionFrame" src="/WebNavigation/Navigation.aspx" scrolling="no" frameborder="1" />
        <frame name="ContentFrame" src="/HomePage.aspx" frameborder="0" />
    </frameset>
    </html>
      

  14.   

    左边的树应该是运用了插件的,插件太强大了,我也可以用 jquery 的插件做个类似的,主要就是 copy + modify 。