如何在frameset里加上分隔条 可以拖动的 可以隐藏的 谢谢~~~~

我的代码<frameset rows="115,*,30" frameborder="0" framespacing="0" border="1">   
  <frame   name="top"    src="frameset/Top.aspx"    scrolling="no"     >   
  <frameset   cols="260,8,*,8"   >  
     <frameset rows="86,*,40" frameborder="0" framespacing="0" border="1">   
        <frame   name="leftTop"   src="frameset/LeftTop.aspx"   scrolling="no" >   
        <frame   name="leftTList"   src="frameset/LeftList.aspx"   scrolling="auto" >   
        <frame   name="leftButtom"   src="frameset/LeftButtom.aspx"   scrolling="no" >   
     </frameset>
     <frame   name="rightBar1" noresize src="frameset/Bar1.aspx" scrolling="no" >
     <frame   name="right"  src="frameset/IndexHome.aspx"    >   
     <frame   name="rightBar"  src="frameset/RightBar.aspx" scrolling="no" >
  </frameset>   
  <frame   name="foot"   src="frameset/Buttom.aspx"   scrolling="no"       >   
</frameset>请问怎么加上分隔条 才可以拖动 隐藏左侧的frame呢？？ 万分感谢

解决方案 »

  1.   

    框架集本身就可以拖动吧,隐藏JS写点就OK了.
      

  2.   

    <frameset rows="68,*" border="0" frameSpacing="0" frameBorder="0">
    <frame src="top.aspx" name="topFrame" scrolling="no" noresize>
    <frameset id="mainFrame" cols="178,10,*" framespacing="0" frameborder="0">
    <frame src="menu.aspx" name="leftFrame" scrolling="no" noresize>
    <frame src="left.htm" name="Left" scrolling="no" noresize>
    <frame src="default.aspx" name="rightFrame" scrolling="no">
    </frameset>
    </frameset>
    left.html
    <script language="javascript"></script>
    <script>
    function splite()
    {
    if(window.parent.mainFrame.cols=="178,10,*")
    {
    top.mainFrame.cols="5,10,*";
    document.all.SpliteBar.innerHTML="<img src='images/arrow_R.gif' > ";
    }
    else
    {
    top.mainFrame.cols="178,10,*";
    document.all.SpliteBar.innerHTML="<img src='images/arrow_L.gif' > ";
    }
    }
    </script>
    </head>
    <body bottomMargin="0" leftMargin="0" topMargin="200%" rightMargin="0" bgcolor="#ecf4f9">
    <form id="Left" method="post" runat="server">
    <table width="100%" border="0px" height="50%" cellspacing="0" cellpadding="0" ID="Table1">
    <tr align="center" valign="middle" width="100%" height="100%">
    <td align="center" valign="middle"><div id="SpliteBar" onclick="splite();" title="收缩左边窗口"><img src="images/arrow_L.gif"></div>
    </td>
    </tr>
    </table>
    </form>
    </body>
      

  3.   

    以下是上下的框架,可自由拉动:
    <frameset rows="80,*" frameborder="yes" border="1" framespacing="1">
      <frame src="top.html" name="topFrame" scrolling="No" id="topFrame" title="topFrame" />
      <frame src="main.html" name="mainFrame" id="mainFrame" title="mainFrame" />
    </frameset>
      

  4.   

    我的单击左边框架隐藏或显示，希望对你有点帮助
     <script language="javascript" type="text/javascript">
        function slideout(){
         parent.main_body.cols = '160,12,*';
        }
     function slidein(){
      parent.leftFrame.cols = '0,12,*';
     }
        function HideMenuPanel()
        {
         var fs2_size=parent.main_body.cols.split(",")[0]
         
         if (fs2_size!=0)
         {
             parent.main_body.cols = '0,12,*';
             leftbar.style.display="none";
             rightbar.style.display="block";
         }
         else
         {
             parent.main_body.cols = '150,12,*';
             leftbar.style.display="block";
             rightbar.style.display="none";
         } 
         }            
        </script>
        
    </head>
    <body style=" margin-left:0px; margin-top:0px;" bgcolor="#F7FBFF"">
        <form id="form1" runat="server">
        <div>
            <table cellpadding="1" cellspacing="0" style="height:700px; width:9px;">
                <tr>
                    <td  id="leftbar" style=" background-image:url('Img/mainbar.gif'); background-repeat: repeat-y; width: 12px;">
                     <img title="隐藏/显示 ListBar" name="BarImageL" border="0" src="Img/Left.gif" onclick="return HideMenuPanel();"
                        style="cursor: hand">
                    </td>
                    <td style="width: 5px">
                    <td  id="rightbar" style=" background-image:url('Img/mainbar.gif'); background-repeat: repeat-y;">
                     <img title="隐藏/显示 ListBar" name="BarImageL" border="0" src="Img/right.gif" onclick="return HideMenuPanel();"
                        style="cursor: hand">
                    </td>
                </tr>
            </table>
        
        </div>
        </form>
    </body>