求一个侧边栏渐隐效果！！

求一个侧边栏渐隐效果！！
侧边栏是一个类似navgroup的组按钮，当点击中间的splitter时（一个按钮），整个
侧边栏慢慢的像左边滑动至隐藏的效果？？求达人~~~~~

解决方案 »

  1.   

    用timer，每次执行时location.x--，直到right=0
      

  2.   

    <html>
    <head>
    <title>左右框架点击可隐藏</title>
    </head>
    <body style="MARGIN: 0px" scroll=no onResize=javascript:parent.carnoc.location.reload()>
    <script>
    if(self!=top){top.location=self.location;}
    function switchSysBar(){
    if (switchPoint.innerText==3){switchPoint.innerText=4
    document.all("frmTitle").style.display="none"
    }else{
    switchPoint.innerText=3
    document.all("frmTitle").style.display=""
    }}
    </script>
    <table border="0" cellPadding="0" cellSpacing="0" height="100%" width="100%">
      <tr>
        <td align="middle" noWrap vAlign="center" id="frmTitle">左框架</td>
        <td bgcolor="A4B6D7" style="WIDTH: 9pt">
        <table border="0" cellPadding="0" cellSpacing="0" height="100%">
          <tr>
            <td style="HEIGHT: 100%" onClick="switchSysBar()">
            <font style="FONT-SIZE: 9pt; CURSOR: default; COLOR: #ffffff">
            <br>
            <br>
            <br>
            <br>
            <br>
            <span class="navPoint" id="switchPoint" title="关闭/打开左栏">3</span><br>
            <br>
            <br>
            <br>
            <br>
            </font></td>
          </tr>
        </table>    
    </td>
    <td style="WIDTH: 100%"> <p>右框架</p>
        <p>&nbsp;</p></td>
      </tr>
    </table>
    </body>
    </html>