看看他的效果是怎么做的！

左边用一个Div对象，点击时将 visibility 设置为可见或hidden;

解决方案 »

  1.   

    我觉得是两个panel（panel1,panel2),中间有个splitter,在panel2上加一个button,点击button时候，panel1.Dock=null,在点击时候panel1.Dock=left;可能不太对，只是一种思路而已！
      

  2.   

    作两个文件 a.html、b.html，放在一起，打开a.html就看到效果了
    注：纯属抄袭，如果侵犯版权请告知楼主或版主删除 :)
    第一个文件 a.html
    <script language=JavaScript>
    var rightwin = true;function changeWin(){
        if(rightwin == true){
            forum.cols = "0,8,*";
            Splitter.menuSwitch.innerHTML = "<img src='4.gif' width=8 height=100% style='cursor:hand;' onclick=javascript:top.changeWin();>";
            rightwin = false;
        }
        else{
            forum.cols = "150,8,*";
            Splitter.menuSwitch.innerHTML = "<img src='3.gif' width=8 height=100% style='cursor:hand;' onclick=javascript:top.changeWin();>";
            rightwin = true;
            var Style = 16;
        }
    }
    </script><script>
    //if(OldStyle & 16) rightwin = false;
    </script><frameset name='forum' cols='150,8,*' rows='*' FRAMEBORDER=0 FRAMESPACING=0 TOPMARGIN=0 LEFTMARGIN=0 MARGINHEIGHT=0 MARGINWIDTH=0 BORDER=0>
    <frame name='Nav' scrolling='AUTO' noresize src=''>
    <frame name='Splitter' scrolling='NO' noresize src='b.html'>
    <frame name='topFrame' scrolling='AUTO' noresize src=''>
    </frameset>第二个文件 b.html
    <body bgcolor="#0099CC" topmargin="0" leftmargin="0">
    <table cellpadding=0 cellspacing=0 border=0 valign=top height=100% width=8>
    <tr><td width=8 bordercolordark=#ffffff bordercolorlight=#000000 id=menuSwitch bgcolor=#0099CC align=right>
    <img src='' width=8 height=100% style=cursor:hand; onclick=javascript:top.changeWin();>
    </td></tr>
    </table>
    </body>