每日更新|TOP排行榜|Tag标签|充值

无忧首页网页模板程序模板建站教程视频教程网页特效图标素材字体下载站长工具站长问答

网页特效代码模板无忧>网页特效>浏览器特效代码>

收藏分享查看评论浏览器

左右框架隐藏显示/打开/关闭的JS代码_浏览器特效

查看演示效果

特效Tag：框架添加

在论坛里经常看到这种左右框架的网页结构，用鼠标点击中间的控制按钮会打开/关闭，或者说是隐藏/显示左边的侧栏框架，你在做后台程序时也要用到，也许你这会用不到，你以后或许能用上。

<HTML>
<HEAD>
<TITLE>框架显示/隐藏</TITLE>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312">

<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=skyblue scroll=no style="MARGIN: 0px">
<TABLE border=0 cellPadding=0 cellSpacing=0 height="100%" width="100%">
  <TBODY>
    <TR> 
      <TD bgColor=#eeeeee 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: 145px; Z-INDEX: 2"></IFRAME> 
      <TD 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="/index.html" 
      style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 1"> </IFRAME></TD>
    </TR>
  </TBODY>
</TABLE>
</BODY>
</HTML>

所属频道：浏览器特效/更新时间：2013-05-30

[收藏][报错][返回列表]

相关浏览器特效：

浏览器特效Rss订阅特效代码搜索

浏览器特效推荐

猜你也喜欢看这些

相关链接：
复制本页链接| 搜索左右框架隐藏显示/打开/关闭的JS代码
特效说明：
浏览器模板-左右框架隐藏显示/打开/关闭的JS代码。