像csdn一样的框架隐藏和显示，如何实现？请高手们帮忙啊！

给你个参考吧，我自己用的，就是很多论坛一点框架就缩起来再点就打开的那种，然后把链接改到那个函数就是了：主框架代码：
<%@ page contentType="text/html;charset=gb2312"%><head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<title></title>
</head><frameset rows="150,*" framespacing="0" border="0" frameborder="0">
<frame src="top.jsp" name="top" frameborder="no" scrolling="no" marginwidth="0" marginheight="0" id="top" target="contents">
    <frameset cols="220,*" framespacing="0" border="0" bordercolor="#6666FF" name=forum>
<frame src="left.jsp" name="left" frameborder="no" scrolling="no" marginwidth="0" marginheight="0" id="left" target="main">
        <frame src="body.jsp" name="body" frameborder="no" scrolling="auto" marginwidth="0" id="body">
  </frameset>
  <noframes>
  <body leftmargin="0" topmargin="0">  <p>此网页使用了框架，但您的浏览器不支持框架。</p>  </body>
  </noframes>
</frameset></html>TOP.JSP和BODY.JSP你自己连接你的页面，LEFT这样写<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %> 
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<SCRIPT language=javascript>
function changeWin(){
  if(parent.forum.cols!="18,*")  {
    parent.forum.cols="18,*";
    document.all.menuSwitch.innerHTML="<img src=xtarrow.gif>";
  } else {
    parent.forum.cols="220,*";
    document.all.menuSwitch.innerHTML="<img src=xtarrow1.gif>";
  }
}
</SCRIPT>
<base target="body">
</HEAD>
<BODY leftMargin=0 topMargin=0 marginwidth="0" marginheight="0">
<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR> 
<TD width="100%"> 
<IFRAME 
      style="VISIBILITY: inherit; WIDTH: 100%; HEIGHT: 100%" name=left 
      marginWidth=2 frameSpacing=0 marginHeight=0 
      src="daohang.jsp" frameBorder=0></IFRAME> </TD>
<TD  bgColor=#FF9933> 
<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR> 
<TD width="100%" height="100%" id=menuSwitch style="CURSOR: hand" title=隐藏/显示社区导航栏 onclick=changeWin()> 
<IMG src="xtarrow1.gif" width="18" height="18" hspace="0" vspace="0" border="0"> 
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
<TD valign="top"  bgColor=#FFFFCC> 
<div align="right"></div></TD>
</TR>
</TBODY>
</TABLE>
</BODY></HTML>这其实是个嵌套框架用函数changeWin()控制了一下，嵌套的这个框架里面连接了一个页面daohang.jsp，就是类似这里的树型菜单，你自己写吧。这样看来这个功能用到了4个页面哦

解决方案 »

  1.   

    主要是需要写个JS，控制那一个框架的大小就OK了
      

  2.   

    那个left.jsp有问题呀，我运行的时候，出错呢，在此页面中，如果把
    <IFRAME 
          style="VISIBILITY: inherit; WIDTH: 100%; HEIGHT: 100%" name=left 
          marginWidth=2 frameSpacing=0 marginHeight=0 
          src="daohang.jsp" frameBorder=0></IFRAME> 
    这段代码去掉，就没问题，否则就有问题，不知道怎么修改？
      

  3.   

    汗，您看见里面嵌套了个daohang.jsp吗？把这个页面换成你自己的啊，我的这个页面要连我的数据库的，你用当然有问题
      

  4.   

    回gzyf(老虫) 
      汗，我已经存在daohang.jsp这个文件了！这个文件里面我随便打几个字母在上面，没别的内容，所以，不是不存在这个页面而引起的问题呀！敬请您再指点。
      

  5.   

    TO：cwbnig(兵兵)出什么错说说，您可以新建一个daohang.jsp试试！！
    按您短信说的不应该出错，绝对不应该！！！