框架网页, 左侧导航, 现想在其分割线处,做一按钮, 按一下, 右侧窗口调至满屏, 再按则恢复.
没什么思路, 求高手赐教.
不用框架也行,实现相同效果就可以了.
---------------------------------------------------------------
主页面:
1<frameset border="0" bordercolor="#0086ef" cols="180,*" frameborder="0" id="Frm" name="Frm">
2<frame id="LeftFrm" name="LeftFrm" scrolling="auto" src="left.htm" target="RightFrm" width="100%"/>
3<frameset border="0" cols="10,*" frameborder="0" id="MiddleFrm" name="MiddleFrm">
4<frame id="ButtonFrm" name="ButtonFrm" noresize="" scrolling="no" src="middle.htm"/>
5<frame id="RightFrm" name="RightFrm" scrolling="auto" src="right.htm" width="100%"/>
6</frameset>
7</frameset>
middle.htm
1<html>
2<head>
3<title></title>
4<meta content="Microsoft Visual Studio 6.0" name="GENERATOR"/>
5<script language="JavaScript">
6function HiddenBar()
7{
8if (switchPoint.innerText==3)
9{
10switchPoint.innerText=4
11
12top.Frm.cols="0,*"
13}
14else
15{
16switchPoint.innerText=3
17
18top.Frm.cols="180,*"
19}
20}
21</script>
22<style>
23.navPoint { COLOR: #000000; CURSOR: hand; FONT-FAMILY: Webdings; FONT-SIZE: 9pt }
24P { FONT-SIZE: 9pt }
25.smallFont { FONT-FAMILY: "宋体"; FONT-SIZE: 10.5pt; TEXT-DECORATION: none }
26</style>
27</head>
28<body bgcolor="0065EF" leftmargin="0" topmargin="0">
29<table align="left" border="0" cellpadding="0" cellspacing="0" height="100%" id="Table1" width="100%">
30<tr>
31<td align="right" onclick="javascript:HiddenBar()"><span class="navPoint" id="switchPoint" title="关闭/打开左栏">3</span></td>
32</tr>
33</table>
34</body>
35</html>
---------------------------------------------------------------
主页面:
1<frameset border="0" bordercolor="#0086ef" cols="180,*" frameborder="0" id="Frm" name="Frm">
2<frame id="LeftFrm" name="LeftFrm" scrolling="auto" src="left.htm" target="RightFrm" width="100%"/>
3<frameset border="0" cols="10,*" frameborder="0" id="MiddleFrm" name="MiddleFrm">
4<frame id="ButtonFrm" name="ButtonFrm" noresize="" scrolling="no" src="middle.htm"/>
5<frame id="RightFrm" name="RightFrm" scrolling="auto" src="right.htm" width="100%"/>
6</frameset>
7</frameset>
middle.htm
1<html>
2<head>
3<title></title>
4<meta content="Microsoft Visual Studio 6.0" name="GENERATOR"/>
5<script language="JavaScript">
6function HiddenBar()
7{
8if (switchPoint.innerText==3)
9{
10switchPoint.innerText=4
11
12top.Frm.cols="0,*"
13}
14else
15{
16switchPoint.innerText=3
17
18top.Frm.cols="180,*"
19}
20}
21</script>
22<style>
23.navPoint { COLOR: #000000; CURSOR: hand; FONT-FAMILY: Webdings; FONT-SIZE: 9pt }
24P { FONT-SIZE: 9pt }
25.smallFont { FONT-FAMILY: "宋体"; FONT-SIZE: 10.5pt; TEXT-DECORATION: none }
26</style>
27</head>
28<body bgcolor="0065EF" leftmargin="0" topmargin="0">
29<table align="left" border="0" cellpadding="0" cellspacing="0" height="100%" id="Table1" width="100%">
30<tr>
31<td align="right" onclick="javascript:HiddenBar()"><span class="navPoint" id="switchPoint" title="关闭/打开左栏">3</span></td>
32</tr>
33</table>
34</body>
35</html>