欢迎访问 如意编程网!

如意编程网

当前位置: 首页 > 前端技术 > HTML >内容正文

HTML

html Frame 框架 点击伸缩

发布时间:2022/11/16 HTML 30 老码农
如意编程网 收集整理的这篇文章主要介绍了 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 

 

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

html Frame 框架 点击伸缩

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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

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

 

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">

 

这样就可以了。

总结

以上是如意编程网为你收集整理的html Frame 框架 点击伸缩的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得如意编程网网站内容还不错,欢迎将如意编程网推荐给好友。