急！！！在页面中怎样实现像Dreamweaver那样的分隔栏？？？

-----------------------------------------------------点击隐藏<script language="JavaScript">
  function yincang(){
       parent.leftframeset.cols = "0,*";
  }
</script><a href="#" onClick="javascript:yincang();">
---------------------------------------------------------点击展开<script language="JavaScript">
  function zhankai(){
       parent.leftframeset.cols = "200,*";
  }
</script><a href="#" onClick="javascript:zhankai();">注意“leftframeset”是你所要隐藏框架的id然后利用层的拖动功能传递变量替代cols的第一个参数实现拖动分隔栏调整各框架的大小

解决方案 »

  1.   

    你说的样子可能是框架例如:<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>welcome</title>
    </head>
    <frameset rows="64,*">
    <frame name="banner" noresize scrolling="no" src="a.htm" style="background-color:rgb(255,0,255)" target="contents">
    <frameset cols="240,*">
    <frame name="contents" noresize src="b.htm" target="main" scrolling="auto">
    <frame name="main" src="c.htm" scrolling="auto">
    </frameset>
    <noframes>
    <body>
    </body>
    </noframes>
    </frameset>
    </html>自己分别定义a.htm b.htm c.htm三个页面
    如果设置可拖动,去掉noresize参数
      

  2.   

    多谢大家!!!!!!
    我想要的是像Dreamweaver那样的分隔栏,既可以拖动分隔栏调整各框架的大小,又可以点击分隔栏上的按钮控制某框架的现实和隐藏
    单独的点击和拖动都容易实现,合到一起就比较难了
    我做出来的刷新比较慢不太好控制
    我的方案:
    三个frame,左边是树,右边是工作区,中间是分隔栏宽度大约为13,中间的分隔栏上放表格,表格分三行,上下两行高度46%,中间一行(id;centerRow)8%,中间的行centerRow就是分隔栏的按钮,点击可控制左侧树frame的隐藏和显示,拖动上下两行即可调整工作区的宽度,响应<td>的鼠标移动事件实现拖动,但是非常难控制,使用不方便!!!
    郁闷!!!
      

  3.   

    csdn不就那样子的嘛，如果想实现拖动，就得用框架了看看动力的后台，那个和你要的差不多。
      

  4.   

    就是用frame,看看CSDN的就知道了
      

  5.   

    我要做的按钮要在分隔栏上，CSDN的很好实现的，多谢大家！！！
    在给我点思路吧