html Frame 框架点击伸缩

这个东西也是今天才开始做研究。本来是不需要，不过由于项目需求。就改了一下。希望对大家有帮助。我是搞ASP.NET的。一下东西是在html里面运行成功后拿到这里的。

代码

1
2 <head>
3 <title>
4     框架
5 </title>
6     <SCRIPT>
7     function switchSysBar(){
8     if (switchPoint.innerText==3){
9     switchPoint.innerText=4
10     document.all("frmTitle").style.display="none"
11     }else{
12     switchPoint.innerText=3
13     document.all("frmTitle").style.display=""
14     }}
15     </SCRIPT>
16     <style>
17     .dalist
18     {
19         border-collapse:collapse;
20         border-style:none;
21     }
22     </style>
23 </head>
24
25
26 <BODY scroll="no" style="margin:0px">
27 <TABLE border="1" cellPadding="0" cellSpacing="0" height="100%" width="100%">
28     <TBODY>
29         <tr>
30             <TD colspan="3" height="120"><IFRAME frameBorder="0" name="topFrame" scrolling="no" src="DYTopLog.aspx"  style="height:120px; visibility:inherit; 100%; z-index:3"></IFRAME></TD>
31         </tr>
32         <TR>
33             <TD align="middle" id="frmTitle" noWrap vAlign="center">
34                 <IFRAME frameBorder="0" name="leftFrame" scrolling="no" src="DYLeftMenu.aspx" style=" height:100%; visibility:inherit; 250px; z-index:2"></IFRAME>
35             </TD>
36             <TD bgColor=cfddfc>
37                 <TABLE border="0" cellPadding="0" cellSpacing="0" height="100%">
38                     <TBODY>
39                         <TR>
40                             <TD onclick="switchSysBar()" style=" height:100%;">
41                                 <font style=" color:Black; cursor:hand; font-family:Webdings; font-size:9pt">
42                                 <SPAN id="switchPoint">3</SPAN></font>
43                             </TD>
44                         </TR>
45                     </TBODY>
46                 </TABLE>
47             </TD>
48             <TD style=" 100%">
49                 <IFRAME frameBorder="0" id="main" name="mainFrame" scrolling="yes" src="DYRightMain.aspx" style=" height:100%; visibility:inherit; 100%; z-index:1"></IFRAME>
50             </TD>
51         </TR>
52     </TBODY>
53 </TABLE>
54 </html>
55

恩。这个可能是有点多。呵呵。运行结果是这个样子的。

呵呵，这个图不太美观。不过功能实现了，之所以未能显示页面，是因为我没有创建。

如果下面的那部分没有显示的话。可能需要删除一个东西了。

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3

这样就可以了。

html Frame 框架 点击伸缩

html Frame 框架点击伸缩