如何制作csdn论坛frameset左右两页之间的拉动条？

看不懂
<HTML>
<HEAD>
  <META NAME="Robots" CONTENT="noindex">
  <META content="text/html;charset=gb2312" http-equiv="Content-Type">
  <TITLE>欢迎来到CSDN新版论坛</TITLE>
  <script src="/Expert/style/get_css.js"></script>
  <SCRIPT LANGUAGE="JavaScript">
  // this page should never load inside of another frame
  if (top.location != self.location)
    {
    top.location = self.location;
    }  function InitSync()   ////////////////应该是这个控制的，但是不明白，好像还要用div////////////////
  {
      if( "object" == typeof( top.deeptree ) && "unknown" == typeof( top.deeptree.Sync ) )
      {
        top.deeptree.Sync();
      }
  }
  </SCRIPT>
</HEAD><FRAMESET onload="InitSync();" rows="81,*" border="1" FRAMESPACING="0" TOPMARGIN="0" LEFTMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0">
  <FRAME name="fraToolbar" src="/Top_Expert_Forum.htm?csdnstyle=" scrolling="no" border="0" frameborder="no" noresize TOPMARGIN="0" LEFTMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0" ></FRAME>

    <FRAMESET name="fstMain" cols="216,*" border="10" frameborder="1" FRAMESPACING="10"  TOPMARGIN="0"  LEFTMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0" >
      <FRAME name="fraLeftFrame" src="/expert/Deeptree/leftframe.asp?url=/expert/deeptree/welcome.asp?1=1&frame=&xmlsrc=/Expert/deeptree/Rooms/List.xml&csdnstyle=&myie=ie" TOPMARGIN="0" LEFTMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0" FRAMEBORDER="1" BORDER="1"></FRAME>
      <FRAME name="fraRightFrame" src="/Expert/deeptree/rightframe.asp?url=/expert/deeptree/welcome.asp?1=1&typenum=1&xmlsrc=/Expert/deeptree/Rooms/List.xml&csdnstyle=&hidetoc=false&whichpage=&myie=ie" FRAMEBORDER="no" bordercolor="#000000"></FRAME>
    </FRAMESET>
    
</FRAMESET>
</HTML>

解决方案 »

  1.   

    试试这个，我模仿的，基本没有问题，但是代码写得不漂亮，高手们请指点一二
    <html>
    <head>
    <script>var rs=0;
    var wt;
    function res(obj){
    rs=obj;
    event.srcElement.setCapture();
    }function document.onmouseover(){
    document.all.spbar.style.cursor="col-resize";}function document.onmousemove(){
    if(rs){

    document.all.spbar.style.pixelLeft=event.x-3;
    }
    }function document.onmouseup(){
    if(rs){
    event.srcElement.releaseCapture();
    rs=0;
    document.all.td2.style.pixelWidth=wt-document.all.spbar.style.pixelLeft-4;
    }
    }
    </script></head>
    <body bgcolor="#BAD1FC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="wt=document.all.tb1.offsetWidth;document.all.spbar.style.pixelLeft=td1.offsetWidth;document.all.spbar.style.pixelHeight=td1.offsetHeight" onResize="wt=document.all.tb1.offsetWidth;document.all.spbar.style.pixelLeft=td1.offsetWidth;document.all.spbar.style.pixelHeight=td1.offsetHeight">
    <div  style="position:absolute; left:99px; top:60px; width:4px; height:100%; z-index:1; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000;" id="spbar" onMouseDown="res('splitbarHeigth')"></div>
    <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC" bgcolor="#FFFFFF" id="tb1">
      <tr bgcolor="#3366CC"> 
        <td height="20" colspan="2"></td>
      </tr>
      <tr> 
        <td colspan="2" height="40"> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
            <tr> 
              <form>
                <td width="25%">&nbsp;</td>
                <td width="25%">&nbsp;</td>
                <td width="25%">&nbsp;</td>
                <td width="25%">&nbsp; </td>
              </form>
            </tr>
          </table></td>
      </tr>
      <tr> 
        <td  id="td1">&nbsp;</td>
        <td id="td2" width="85%" >&nbsp;</td>
      </tr>
    </table>
    </body>
    </html>
      

  2.   

    楼上的大哥，你使用div模拟的，我需要的是frameset的两页之间的阿
      

  3.   

    <html><head>
    <title>New Page 2</title>
    <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    </head><frameset cols="150,*">
      <frame name="contents" target="main" src="http://www.csdn.net">
      <frame name="main" src="http://www.csdn.net">
      
    </frameset></html>
      

  4.   

    分特，那你直接用frameset就完啦，那太简单不过啦