如何为一个网页中的frameset里两个frame中间添加一个伸缩条

简介: 增加一个html页面,定义frameset,如下:              switchLeft.

增加一个html页面,定义frameset,如下:

<frameset cols="*,1024,*" frameborder="no" border="0" framespacing="0">
<frame src="about:blank"></frame>
<frameset cols="178,10,*" frameborder="no" border="0" framespacing="0" id="MainFrame">
    <frame src="Left.aspx" name="left" scrolling="no" id="left" title="left" />
    <frame id="leftbar" scrolling="no" noresize="" name="switchLeftFrame" src="switchLeft.html"/>
    <frame src="center.aspx" name="center" id="center" title="center" scrolling="auto" />
</frameset>
<frame src="about:blank"></frame>
</frameset>
<noframes>
</noframes>

 

 

switchLeft.html文件:

<html>
<head>
<title>cssrain</title>
<meta charset="gb2312" content="text/html;" http-equiv="Content-Type"/>
<script language="javascript">

function switchSysBar()

{
       if (parent.document.getElementById('MainFrame').cols=="178,10,*")

      {
            document.getElementById('leftbar').style.display="";
            parent.document.getElementById('MainFrame').cols="0,10,*";
      }
     else 
      {
             parent.document.getElementById('MainFrame').cols="178,10,*";
             document.getElementById('leftbar').style.display="none"
      }
 
}


function load()

{
      if (parent.document.getElementById('MainFrame').cols=="178,10,*")

      {
      }
}

 

</script>
</head>
<body marginwidth="0" marginheight="0" bgcolor="#000000" onload="load()" topmargin="0" leftmargin="0">
<center>
<table height="100%" cellspacing="0" cellpadding="0" border="0" width="100%">
<tbody>
<tr>
<td bgcolor="#009fef" width="1">
<img height="1" width="1" src="images/ccc.gif"/>
</td>
<td id="leftbar" bgcolor="#f5f4f4" style="display: none;">
<a onclick="switchSysBar()" href="javascript:void(0);">
<img height="90" border="0" width="9" alt="展开左侧菜单" src="images/pic01.gif"/>
</a>
</td>
<td id="rightbar" bgcolor="#f5f4f4">
<a onclick="switchSysBar()" href="javascript:void(0);">
<img height="90" border="0" width="9" alt="隐藏左侧菜单" src="images/pic02.gif"/>
</a>
</td>
</tr>
</tbody>
</table>
</center>
</body>
</html>

相关文章
|
9月前
|
索引
08-多表单切换-frame/iframe
08-多表单切换-frame/iframe
|
9月前
Echarts除了tooltip其它的标签暂时都不支持html情况下label标签加背景图片的美化方案
Echarts除了tooltip其它的标签暂时都不支持html情况下label标签加背景图片的美化方案
80 0
|
10月前
|
Java
frameset与frame页面布局
frameset与frame页面布局
72 0
HTML - Frame、FrameSet 使用
HTML - Frame、FrameSet 使用
84 0
HTML - Frame、FrameSet 使用
|
移动开发 HTML5
HTML5/CSS3图片左右切换弹性动画
在线演示 本地下载
1123 0
|
JavaScript 前端开发
|
JavaScript 前端开发 .NET