像csdn社区一样在网页中加一个分割竖线，并可以鼠标拖动，用什么方法？

如题

解决方案 »

  1.   

    直接查看论坛的源代码， 就是这样， 使用<frame>
    <html>
    <head>
        <meta name="robots" content="noindex">
        <link rel="icon" href="/favicon.ico" type="image/x-icon" />
        <meta content="text/html;charset=gb2312" http-equiv="content-type">
        <title>欢迎来到CSDN技术社区</title>
    </head>
    <frameset name="fstmain" cols="219,*" frameborder="1" framespacing="8" bordercolor="#3366cc" >
          <noframes >请使用支持 frame 的浏览器或者访问以下地址来进行站点导航：
          <a href="/tree/treenodeData/sitemap.htm" target="_blank">CSDN 社区地图</a>      <a href="http://topic.csdn.net/t/" target="_blank">CSDN 社区帖子列表</a>
          </noframes>
          <frameset name="fraleftframe" rows="91,*" framespacing="0" frameborder="0" >
          <frame name="" src="/logo/logo.aspx"  marginheight="0"  />
          <frame name="" src="/Tree/tree.htm" marginheight="0"  />
          </frameset>
          <frame name="ContentFrame"  marginheight="0"  scrolling="yes" src="http://community.csdn.net/HomePage/">" />
    </frameset>
    </html>
      

  2.   

    <frame name="" src="/Tree/tree.htm" marginheight="0"  />