如何做像CSDN这样,可以拉动frameset的边框,左边的树形控件的宽度也跟着变化?来者有分!!!

在你的父框架页里面这样写：
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<frameset cols="200,*" frameborder="1" framespacing="10"> 
  <frame name="leftFrame" scrolling="YES" src="frameLeft.htm">
  <frame name="mainFrame" src="framemain.htm">
</frameset>
</html>注意这两行
<frameset cols="200,*" frameborder="YES"  framespacing="10"> 
  <frame name="leftFrame" scrolling="YES" src="frameLeft.htm">
第一行的frameborder="YES"  framespacing="10"是为了让你看到那个可以拖动的“条”
第二行一定不要有NoResize

解决方案 »

  1.   

    to:N1rvana
    如何按你这种方法会出现一种情况,就是当展开树形控件时,树形控件本身就产生一条滚动条.那就有了两条滚动条,这样会很难看的..麻烦....:(
      

  2.   

    我的思想是当框架resize时产生处理事件,把树形控件的宽度与左框架的宽度相同,这样就可以了.但是我对javascript语言不熟,不知如何用代码实现.高手啊,helpme!!!
      

  3.   

    to:N1rvana
    如何按你这种方法会出现一种情况,就是当展开树形控件时,树形控件本身就产生一条滚动条.那就有了两条滚动条,这样会很难看的..CSDN不就是这样的吗？只是把右面的那个border颜色改为黑色罢了，你也可以改成其他颜色（比方说和右框架同样的颜色），或者改小 framespacing="10"的值，就不会显得“难看”了。甚至于可以像下面这样：<frameset cols="200,*" frameborder="NO" framespacing="5" borderColor="#000000"> 
      <frame name="leftFrame" scrolling="YES" src="frameLeft.htm" frameBorder="no">
      <frame name="mainFrame" src="framemain.htm" frameBorder="no">
    </frameset>
      

  4.   

    你可以把framespacing的值设的小一点
    或者例用css把你的滚动条美化，这些都是不可避免的
      

  5.   

    用纯Table可以构建一个框架出来.
    然后用脚本来控制Table的列,然后用一个算法来控制两边的宽度.
      

  6.   

    看看我实现的frame，是一个htc，现在的代码比较简单，你可以自己扩展http://blueswing.heiyou.com/behaviors/spliterbar/frametest.htm
      

  7.   

    网上搜一下嘛~,这种效果多得很http://www.baron.com.cn/javascript/