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; width: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; width: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 =" width:100%" >
49                   < IFRAME  frameBorder ="0"  id ="main"  name ="mainFrame"  scrolling ="yes"  src ="DYRightMain.aspx"  style =" height:100%; visibility:inherit; width: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 

 

这样就可以了。

转载于:https://www.cnblogs.com/lf6112/archive/2010/09/04/1818078.html