如何使frame既可以隐藏显示又可以自由拖动？？？求指点呀
0
悬赏园豆：15
[待解决问题]
<frameset cols="262,*" id="win" framespacing="1" frameborder="no" border="1" runat="server">
<frame name="leftFrame" target="mainFrame" src="FrameFiles/LeftTreeview.aspx" scrolling="no" id="leftFrame" runat="server"/>
<frame name="mainFrame" src="SystemManagement/MainPage.aspx" id="mainFrame" scrolling="auto" />
</frameset>
就是我想把leftFrame可以隐藏和显示，而且leftFrame和mainFrame之间可以自由拖动
其实我功能做出来了，就是有些问题没解决，就是随着向右拉伸 id="treeContainer"里面的滚动条和图片中间间隙愈来愈大，我知道是因为style="width:95%; “导致但却不知道怎么解决。如果frameset里中间再加个frame的话，里面放个图片，可以实现左侧的隐藏和显示却不能使leftFrame和mainFrame之间可以自由拖动，该怎么办呀？？？？
function oa_tool() {
var frameshow = document.getElementById("frameshow");
if (window.parent.win.cols == "262,*") {
frameshow.src = "images/show.jpg";
frameshow.title = "显示左侧";
window.parent.win.cols = "13,*";
} else {
frameshow.src = "images/hide.jpg";
frameshow.title = "隐藏左侧";
window.parent.win.cols = "262,*";
}
}
<div style="width:95%; overflow: auto; height: 98%; background-color: #f3f3f3;vertical-align: top;"
id="treeContainer" >
<input type="hidden" />
</div>
<table style="display: none">
</table>
<span id="span" style="position:absolute;top:0;right:0;height:100%; width:13px; background:#d9dde2;">
<img id="frameshow" src="images/hide.jpg" onclick="oa_tool()" width="13" height="13" />
</span>
