|
|
主题: 那个。。。看看这个是怎么做的？
|
ida77
职务：普通成员
等级：1
金币：0.0
发贴：113
注册：2003/6/21 22:35:04
|
#12004/12/21 15:46:30
好想做这样的东西呀~~ 图片如下： 
|
不是高手
职务：普通成员
等级：3
金币：5.0
发贴：1352
注册：2002/8/23 2:27:18
|
#22004/12/21 16:03:56
window.top.frames["targetFrameName"].cols="0,*"
|
ida77
职务：普通成员
等级：1
金币：0.0
发贴：113
注册：2003/6/21 22:35:04
|
#32004/12/21 16:18:54
能在仔细说下吗？
偶。。。不是太懂
|
不是高手
职务：普通成员
等级：3
金币：5.0
发贴：1352
注册：2002/8/23 2:27:18
|
#42004/12/21 16:21:11
贴教程：
简介：我想大家应该见过有些网站如Msdn.microsoft.com内一些分帧的页面在按下页面的某个按钮后，页面中的某个帧就会隐藏了，其实这种效果实现起来挺简单的，现在我们就来看看如何用javascript来访问和修改Frame对象。
1.在开始前我先讲一下Frame的结构与语法: //下面是一个用frame页面的帧的代码
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<frameset rows="117,498"> //如图这代表黄色框的分帧结构为上下分[rows表示上下 cols表示左右] 上为117下为498 包含top.htm与包含left.htm与main.htm的红色框的对象这两个属于同一级对象
<frame src="top.htm">
<frameset id=frame_bottom cols="200,*"> //这表示的是红色框内的分帧结构为左右左是200,右是除了左帧占据200后的所有空间，在这里我给了这个frameset一个id:frame_bottom这是为了方便后面用javascript来访问这个对象
<frame src="left.htm">
<frame src="main.htm">
</frameset>
</frameset>
<noframes> //这是的用来显示当浏览器不支持frame时显示的页面内容
<body bgcolor="#FFFFFF" text="#000000">
你的浏览器不支持frame
</body>
</noframes>
</html>
2.动态修改frameset的内容
看完上面的代码你应该知道定义 frame_bottom 这个frameset对象的结构代码为 cols="200,*" 下面是动态修改的代码
<input type="button" name="Button" value="点这按钮将关闭左边的帧" onClick=reSetFrames()>
<script language="javascript">
function reSetFrames(){
top.frame_bottom.cols=(top.frame_bottom.cols=="0,*")?"200,*":"0,*"; //top代表的是所有frame对象的最高级对象也就是上面定义整体结构的代码，top.frame_bottom 就取得红色框这个对象，然后就修改 top.frame_bottom 对象的cols属性为一个新的值.来达到隐藏帧的效果
}
</script>
|
ida77
职务：普通成员
等级：1
金币：0.0
发贴：113
注册：2003/6/21 22:35:04
|
#52004/12/22 14:13:40
谢谢啦，COPY下来，仔细看，多谢啦
|
