面板折叠

来源:互联网 发布:网络禁区相似的动漫 编辑:程序博客网 时间:2024/06/10 03:15

在做框架一个时候一般会将界面分成好几个部分,如头部、底部、左侧菜单,中间折叠,右侧主界面等

这里写图片描述

<frameset rows="104,*,30" cols="*" frameborder="no" border="0" framespacing="0">@*顶部发104px,底部30px,中间部分自适应*@  <frame src="Home/Top.aspx" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />  <frameset cols="193,*" frameborder="no" border="0" framespacing="0" id="middenFram">@*左侧193px,右侧自适应*@    <frame src="Home/Left.aspx" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame"/>    <frame src="Home/Right.aspx" name="mainFrame" id="mainFrame" title="mainFrame" />  </frameset>  <frame src="/Content/buttom.aspx" name="topFrame" scrolling="No" noresize="noresize" id="bootomFrame" title="topFrame" /></frameset>
        function hideShowFrame() {            if (document.getElementById("middenFram").cols == "193,*") {                document.getElementById("middenFram").cols = "0,*";            }            else {                document.getElementById("middenFram").cols = "193,*"            }        }
0 0