当前位置: 代码迷 >> Java Web开发 >> csdn论坛主页的布局用的是什么技术
  详细解决方案

csdn论坛主页的布局用的是什么技术

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


------解决方案--------------------------------------------------------
不是用的frame么。。
左右开,左面用个jquery的treeview控件,右面出详细信息。。。
------解决方案--------------------------------------------------------
flex JS框架。
网上也有很多教学视频,上手很快的
------解决方案--------------------------------------------------------
其实也没有必要用它那个。你自己写几个div,控制一下宽度,把布局控制好。然后点左边树调用方法,将右边内容改变就行了。不知道可否帮上你。
------解决方案--------------------------------------------------------
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" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
<frame src="main" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
</frameset>
菜单栏的子菜单,写个很简单的js 来控制div的显示隐藏就可以
------解决方案--------------------------------------------------------
子分类的连接加上target="mainFrame" mainFrame是右侧frame的name值 这样就可以把相对应的页面显示出来呀
------解决方案--------------------------------------------------------
是框架 3个页面 导航一个页面标题一个页面 
剩下的就是main中间一个页面、
换东西就全是还main的!
------解决方案--------------------------------------------------------
csdn用的iframe。。
------解决方案--------------------------------------------------------
CSDN论坛首页用的是frameset框架,左边NavigetionFrame,右边ContentFrame,
打开CSDN论坛首页,右键菜单"查看页面源码"不就可以看到了么;
HTML code
<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>
  相关解决方案