zoukankan      html  css  js  c++  java
  • 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 

    这样就可以了。

  • 相关阅读:
    查漏补缺:QT入门
    添砖加瓦:设计模式(工厂方法模式)
    Luogu 4784 [BalticOI 2016 Day2]城市
    Luogu 1606 [USACO07FEB]白银莲花池Lilypad Pond
    Luogu 3698 [CQOI2017]小Q的棋盘
    CF547D Mike and Fish
    Luogu 3066 [USACO12DEC]逃跑的BarnRunning Away From…
    Luogu 2403 [SDOI2010]所驼门王的宝藏
    NEERC17 J Journey from Petersburg to Moscow
    Luogu 3350 [ZJOI2016]旅行者
  • 原文地址:https://www.cnblogs.com/lf6112/p/1818078.html
Copyright © 2011-2022 走看看