WEB分栏带收缩效果

最新推荐文章于 2023-12-09 22:37:33 发布

原创最新推荐文章于 2023-12-09 22:37:33 发布 · 549 阅读

CC 4.0 BY-SA版权

文章标签：

#web #iframe #table #border #scroll #html

<HTML>
  <HEAD>
  <style>
  .navPoint   {
  COLOR:   white;   CURSOR:   hand;   FONT-FAMILY:   Webdings;   FONT-SIZE:   9pt
  }
  </style>
  <SCRIPT>
  function   switchSysBar(){
  if   (switchPoint.innerText==3){
  switchPoint.innerText=4
  document.all("frmTitle").style.display="none"
  }
  else{
  switchPoint.innerText=3
  document.all("frmTitle").style.display=""
  }
  }
  </SCRIPT>
  </HEAD>
  <BODY   bgColor=#487dd9   scroll=no   style="MARGIN:   0px">
  <TABLE   border=0   cellPadding=0   cellSpacing=0   height="100%"   width="100%">
      <TBODY>
          <TR>
              <TD   align=middle   id=frmTitle   noWrap   vAlign=center   name="fmTitle"><IFRAME
              frameBorder=0   id=left   name=left   src="about:blank"
              style="HEIGHT:   100%;   VISIBILITY:   inherit;   WIDTH:   143px;   Z-INDEX:   2"></IFRAME>
              <TD   bgColor=#4285cb8   style="WIDTH:   10pt">   <TABLE   border=0   cellPadding=0   cellSpacing=0   height="100%">
                      <TBODY>
                          <TR>
                              <TD   onclick=switchSysBar()   style="HEIGHT:   100%"><SPAN   class=navPoint
                          id=switchPoint   title=关闭/打开左栏>3</SPAN></TD>
                          </TR>
                      </TBODY>
                  </TABLE></TD>
              <TD   style="WIDTH:   100%"><IFRAME   frameBorder=0   id=frmright   name=frmright
              scrolling=no   src="about:home"
              style="HEIGHT:   100%;   VISIBILITY:   inherit;   WIDTH:   100%;   Z-INDEX:   1">   </IFRAME></TD>
          </TR>
      </TBODY>
  </TABLE>
  </BODY>
  </HTML>