关于左侧菜单的隐藏，来者有分

[wjxluck]

由于只能给100分，解决后再散。
很多资源网站左侧都会有一个导航，有哪些方法可以做到让他显示或者隐藏？这样可以节省出一块页面空间。
效果就像我们ie收藏夹一样，点击显示全部。

[wenwenlou]

学习下

[flydeb]

ding

[yanhuanghero]

3楼正解

[浮生若梦丶]

我在想用框架和用div，那个点击显示影藏的图片该怎么放？它才会居中而且和那个分割竖线看其很协调？

[chutao]

使用框架网页

[SimonYeung]

帮顶

[txg92]

帮顶

[gui0605]

function ShowOrHide()
{
var dis=document.getElementById("div1").style.display;
if(""==dis)
{
document.getElementById("div1").style.display="none";
}
else
{
document.getElementById("div1").style.display="";
}
}

[w809026418]

<div>
<cc1:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="server" TargetControlID="Panel1"
ExpandControlID="imgbtnHidden" CollapseControlID="imgbtnHidden" CollapsedText="显示..."
ExpandedText="隐藏." ImageControlID="imgbtnHidden" ExpandedImage="~/images/TORIGHT.GIF"
CollapsedImage="~/images/TOLEFT.GIF" SuppressPostBack="true">
</cc1:CollapsiblePanelExtender>
<div id="divColumn1" style="float: left; width: 17%; height: 98%; background-color: #7aa1e6;">
<asp:Panel ID="Panel1" runat="server" Width="100%" BackColor="#7aa1e6">
<iframe id="frame1" frameborder="1" width="100%" height="920px" runat="server" scrolling="auto"
src="LeftTree.aspx" style="background-color: #7aa1e6; margin-right: 0px;"></iframe>
</asp:Panel>
</div>
<asp:Panel ID="Panel2" runat="server" Height="925px">
<div id="divColumn2" style="float: left; width: 1%; height:150px;
text-align: center">

<asp:ImageButton ID="imgbtnHidden" runat="server" ImageUrl="~/images/TORIGHT.GIF"
style="height: 150px; width:100%" Height="92px" />

</div>
<div id="divColumn3" style="float: left; width: 80%; background-color: #fff9e5; height:98%; text-align: left;
font-size: small; background-color: #fff9e1">
<iframe id="Iframe1" frameborder="1" height="920px" runat="server" scrolling="auto"
src="backcolor.aspx"></iframe>
</div>
</asp:Panel>
</div>

[love_幸运儿]

框架

[吕津]

div就可以啦。

[MiShiDeShiJie0628]

有高手已经回复了，而且他们的答案很好，所以我就只有看的份了。

[terrydio]

好东西啊！自己也学习下！顺便顶！

[lsd123]

.

[善缘2022]

帮顶下。

[wuyq11]

<frameset rows="68,*" border="0" frameSpacing="0" frameBorder="0">
<frame src="top.aspx" name="topFrame" scrolling="no" noresize>
<frameset id="mainFrame" cols="178,10,*" framespacing="0" frameborder="0">
<frame src="menu.aspx" name="leftFrame" noresize>
<frame src="left.htm" name="Left" scrolling="no" noresize>
<frame src="Default.aspx" name="rightFrame" noresize >
</frameset>
</frameset>
menu.aspx用treeview绑定数据
left
<script>
function splite()
{
if(window.parent.mainFrame.cols=="178,10,*")
{
top.mainFrame.cols="5,10,*";
document.all.SpliteBar.innerHTML="<img src='../images/arrow_R.gif' > ";
}
else
{
top.mainFrame.cols="178,10,*";
document.all.SpliteBar.innerHTML="<img src='../images/arrow_L.gif' > ";
}
}
</script>
也可使用div可JS控制，可参考通达OA

[Adechen]

frameset+javascript
一楼的对

[kongbai308416350]

帮顶。

[jimmyyutian]

一直在想Asp.net里面怎么做这个效果的，这次收获了啊。谢谢

[Ray1010]

回帖是一种美德！每天回帖即可获得 10 分可用分！