如何用左中右三个iframe实现折叠框架效果

沙发

Web乐水 [专家分：1050] 发布于 2007-02-03 19:12:00

主框架
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<frameset rows="80,*" cols="*" frameborder="no" border="0" framespacing="0">
  <frame src="top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
  <frameset id="kuaidu" name="kuandu" cols="120,*" frameborder="no" border="0" framespacing="0">
    <frame src="left.html" name="leftFrame" scrolling="No" noresize="NORESIZE" id="leftFrame" title="leftFrame" />
    <frame src="main.html" name="mainFrame" id="mainFrame" title="mainFrame" />
  </frameset>
</frameset>
<noframes><body>
</body>
</noframes></html>
主要是这里给这个框架指定一个ID  <frameset id="kuaidu" name="kuandu" cols="120,*" frameborder="no" border="0" framespacing="0">

main框架加入下面JS代码
<script language="javascript">
function change(){
    if(parent.kuandu.cols=="120,*")
    {
        parent.kuandu.cols="0,*";
        caozuo.src="ej1_32a.gif";

    }
    else{
        parent.kuandu.cols="120,*";
        caozuo.src="ej1_30.gif";
    }

}
</script>
在你需要的位置调用此函数就OK了<img src="ej1_30.gif"  name="caozuo"onclick="change()" />

板凳

口口and枕头 [专家分：1550] 发布于 2007-02-03 23:40:00

是这样的么？我一点都不懂呢！
~~谢谢先~
我先发给我朋友让他看看是不是就是要的这种效果~

3 楼

Web乐水 [专家分：1050] 发布于 2007-02-04 12:52:00

记得评分哦

4 楼

口口and枕头 [专家分：1550] 发布于 2007-02-04 19:15:00

辛苦了~但是好像不对呢~~~！！
iframe与frame有什么不同，我不太清楚，不过我朋友说好像不一样的~

5 楼

VB浪子 [专家分：7690] 发布于 2007-02-05 09:15:00

frame框架顾名思义把页面分成几个框架
iframe内联框架可以在页面的任何地方使用包括单元格所以它的使用更为灵活

6 楼

pk4321 [专家分：690] 发布于 2007-02-05 10:17:00

http://www.programfan.com/club/showbbs.asp?id=214029

您尚未登录，请登录后再回复。点此登录或注册

主题：如何用左中右三个iframe实现折叠框架效果

回复列表（共6个回复）

我来回复

程序员工具箱 new

代码片段