上下结构框架点击可以折叠、展开

2024-09-05 12:17:50

字体：大中小

来源：转载

供稿：网友

一种经典的框架布局方式，上下结构，点击边线可以折叠上框架，节省网页空间，在论坛中有不少类似的效果，不过本代码不是用的iFrame，是用JavaScript控制表格实现的，因此不会影响搜索引擎收录网页。

<html><head><title>上下结构框架点击可以折叠、展开</title></head><body style="MARGIN: 0px" scroll=no onResize=javascript:parent.carnoc.location.reload()><script>if(self!=top){top.location=self.location;}function switchSysBar(){if (switchPoint.innerText==3){switchPoint.innerText=4document.all("frmTitle").style.display="none"}else{switchPoint.innerText=3document.all("frmTitle").style.display=""}}</script><table border="0" cellPadding="0" cellSpacing="0" height="100%" width="100%">  <tr>    <td align="middle" noWrap vAlign="center" id="frmTitle">上边<br><br></td>  </tr>  <tr>    <td bgcolor="A4B6D7" style="HEIGHT: 9pt">    <table border="0" cellPadding="0" cellSpacing="0" width="100%">      <tr>        <td style="WIDTH: 100%" onClick="switchSysBar()">        <font style="FONT-SIZE: 9pt; CURSOR: default; COLOR: #ffffff">        <span class="navPoint" id="switchPoint" title="关闭/打开左栏">3</span><br>        </font></td>      </tr>    </table>    </td></tr><tr><td style="HEIGHT: 100%"><center><p>下边</p></td>  </tr></table></body></html>

上一篇：JS输出右下角的滑出POP提示窗口

下一篇：有记忆功能的JS设为首页（Cookies技术）