象猫扑一样可以左边自动伸缩的框架如何实现？

如果我理解没有错的话。是不是用html里面的frame可以解决？
<html>
<head>
    <title>Longman</title>
</head>
<frameset cols=15%,*><frame src="login1wing.html"><frame src="login2wing.html"></frameset> 
</html>
上面的src可以采用脚本或者javascript获得动态的页面路径

解决方案 »

  1.   

    的确用的frame我们用的就是这样
      

  2.   

    main.html
    <html>
    <frameset name=theMainFrameset cols=225,* framespacing=3 frameborder=0>
    <frame name=theLeftFrame scrolling=no src='left.htm'>
    <frame name=theMainFrame src='http://www.baidu.com/'>
    </frameset>
    </html>left.htm<html><head>
    <style type=text/css>
    .barImg{
    cursor:hand;
    border:0;
    width:10;
    height:61;
    }
    .barTd{
    background-color:#DAECC8;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    }
    </style>
    <script language=javascript>
    function switchTree(){
    var pf=parent.theMainFrameset;
    if(pf.cols != "13,*"){
    pf.oldCols=pf.cols;
    pf.cols = "13,*";
    _treeTd.style.display='none';
    _imgArrow.src='img/to-right.gif';
    }else{
    pf.cols = pf.oldCols
    _treeTd.style.display='';
    _imgArrow.src='img/to-left.gif';
    }
    }
    </script>
    </head>
    <body style='margin: 0'>
    <table width=100% height=100% border=0 cellpadding=0 cellspacing=0>
    <tr>
    <td id='_treeTd' width=100% style="padding-left: 8;padding-top: 8;">
    <iframe id=forumList name=forumList style="height:100%; width:100%;" scrolling=auto frameborder=0 src="http://www.163.com/"></iframe>
    </td>
    <td class='barTd' width=13><img src='img/to-left.gif' class='barImg' id='_imgArrow' onclick='switchTree();'></td>
    </tr>
    </table>
    </body>
    </html>