开发者社区> 暖枫无敌> 正文

如何为一个网页中的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>

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
frameset 与frame 设置的技巧
今天来写点不一样的。如下图: 实现的效果就是原生的类似于导航形式的frameset. frameset 注意: 包含frameset的网页应该只是作为框架而存在,所以不能有body标签。
869 0
HTML 框架 frameset,frame
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架 框架结构标签() 框架结构标签()定义如何将窗口分割为框架 每个 frameset 定义了一系列行或列 rows/columns 的值规定了每行或每列占据屏幕的面积   框架标签(frame) frame标签定义了放置在每个框架中的 HTML 文档。
1017 0
frameset和frame
frameset框架标记,用以宣告html文件为框架模式,并设定视窗如何分割。属性: cols  rows  frameborder  border  bordercolor  framespacingcols="90,*" 垂直切割画面,整数值,百分比,*则代表剩下的空间。
800 0
iFrame/Frame嵌入Silverlight时自适应高度的处理
iFrame如果嵌入的是普通网页,这种场景下的iframe高度自适应解决方案,百度一下随手都能找到一大把。 但是嵌入Silvelight时,嵌入iframe的父页面默认不知道Silverlight内容的真实高度,所以上述办法就不起作用了。
784 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载