28,404
社区成员
发帖
与我相关
我的任务
分享请高手帮忙：如何实现窗口的展开和缩小（100分求）。
大家看看这个网站，登录后在”进入教程”页面中，如何实现鼠标点击来控制窗口的展开和隐含。
http://jw.nju.edu.cn/skyclass
请高手给线实例或代码。谢谢了！
（100分求帮忙）
http://jw.nju.edu.cn/skyclass
请高手给线实例或代码。谢谢了！
（100分求帮忙）
...全文
请发表友善的回复…
发表回复
nchen123 2003-09-22
- 打赏
- 举报
window.top.mainframe.cols='0,20,*'
------------------------
就是重新设定 index.asp 中这一句：
<frameset name="mainFrm" cols="20%,30,*">
你看一下框架的基本语法就会明白了。
cols = "20%,30,*" 表示左框架宽 20%, 中间的框架 宽 30 象素， 剩下的都是右框架。
------------------------
就是重新设定 index.asp 中这一句：
<frameset name="mainFrm" cols="20%,30,*">
你看一下框架的基本语法就会明白了。
cols = "20%,30,*" 表示左框架宽 20%, 中间的框架 宽 30 象素， 剩下的都是右框架。
BadBoyCyh 2003-09-22
- 打赏
- 举报
<script language="VBScript">
function switchSysBar()
if switchPoint.innerText="关闭导航条" then
switchPoint.innerText="打开导航条"
document.all("frmTitle").style.display="none"
else
switchPoint.innerText="关闭导航条"
document.all("frmTitle").style.display=""
end if
end function
</script>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td colspan="3" height="30"><!--#include file=top.asp--></td></tr>
<tr>
<td width="15%" id=frmTitle name="frmTitle"><IFRAME frameBorder=0 id=BoardTitle name=BoardTitle scrolling="yes" src="left_index.asp" style=" height:100% ;VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 2" target="right" onload="frmright.location.reload()"></IFRAME></td>
<td width="85%"><iframe frameborder=0 id=frmright name=frmright scrolling="yes" src="right_index.asp" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 1;"></iframe></td>
</tr>
<tr><td colspan="3" height="30"><!--#include file=bottom.asp--></td></tr>
</table>
<input type=button onclick=switchSysBar value=打开框架>
function switchSysBar()
if switchPoint.innerText="关闭导航条" then
switchPoint.innerText="打开导航条"
document.all("frmTitle").style.display="none"
else
switchPoint.innerText="关闭导航条"
document.all("frmTitle").style.display=""
end if
end function
</script>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td colspan="3" height="30"><!--#include file=top.asp--></td></tr>
<tr>
<td width="15%" id=frmTitle name="frmTitle"><IFRAME frameBorder=0 id=BoardTitle name=BoardTitle scrolling="yes" src="left_index.asp" style=" height:100% ;VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 2" target="right" onload="frmright.location.reload()"></IFRAME></td>
<td width="85%"><iframe frameborder=0 id=frmright name=frmright scrolling="yes" src="right_index.asp" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 1;"></iframe></td>
</tr>
<tr><td colspan="3" height="30"><!--#include file=bottom.asp--></td></tr>
</table>
<input type=button onclick=switchSysBar value=打开框架>
moger 2003-09-22
- 打赏
- 举报
感谢。我试一下成功马上结贴给分。
再次谢谢老大呀
再次谢谢老大呀
nchen123 2003-09-22
- 打赏
- 举报
以上代码调试通过，你自己作一个像箭头一样的图片就可以了。
没有图片也能测试成功。后缀名改成 htm 也可以
没有图片也能测试成功。后缀名改成 htm 也可以
moger 2003-09-22
- 打赏
- 举报
谢谢呀我试试
moger 2003-09-22
- 打赏
- 举报
这个window.top.mainframe.cols='0,20,*'
表示什么意思？
表示什么意思？
nchen123 2003-09-22
- 打赏
- 举报
我写好了：
主页面：index.asp
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<html>
<head>
<title>主页面</title>
</head>
<frameset rows="80,*">
<frame name="topFrm" src="topFrm.asp">
<frameset name="mainFrm" cols="20%,30,*">
<frame name="leftFrm" src="leftFrm.asp">
<frame name="midFrm" src="midFrm.asp">
<frame name="rightFrm" src="rightFrm.asp">
</frameset>
</frameset>
</html>
----------------------------------------------
左框架: leftFrm.asp
-----------------------------------------------------
<html>
<head>
<title></title>
<link href="dnb.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#eeeeee">
左框架
</body>
</html>
------------------------------------------------------------
中间的框架（显示按钮的那个窄条): midFrm.asp
-------------------------------------------------------
<html>
<head>
<title></title>
<link href="dnb.css" rel="stylesheet" type="text/css">
<script language="javascript">
function hideOrShow()
{
if(window.top.mainFrm.cols=='0,30,*')
window.top.mainFrm.cols='20%,30,*'
else
window.top.mainFrm.cols='0,30,*'
}
</script>
</head>
<body bgcolor="#eeeeee">
<input type="image" src="xx.jpg" name="btnHide" onclick="hideOrShow()">
</body>
</html>
------------------------------------------------------
右框架: rightFrm.asp
----------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<link href="dnb.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
右框架
</BODY>
</HTML>
--------------------------------------------
顶部框架 : topFrm.asp
--------------------------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title></title>
</head>
<body>
上框架
</body>
</html>
主页面：index.asp
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<html>
<head>
<title>主页面</title>
</head>
<frameset rows="80,*">
<frame name="topFrm" src="topFrm.asp">
<frameset name="mainFrm" cols="20%,30,*">
<frame name="leftFrm" src="leftFrm.asp">
<frame name="midFrm" src="midFrm.asp">
<frame name="rightFrm" src="rightFrm.asp">
</frameset>
</frameset>
</html>
----------------------------------------------
左框架: leftFrm.asp
-----------------------------------------------------
<html>
<head>
<title></title>
<link href="dnb.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#eeeeee">
左框架
</body>
</html>
------------------------------------------------------------
中间的框架（显示按钮的那个窄条): midFrm.asp
-------------------------------------------------------
<html>
<head>
<title></title>
<link href="dnb.css" rel="stylesheet" type="text/css">
<script language="javascript">
function hideOrShow()
{
if(window.top.mainFrm.cols=='0,30,*')
window.top.mainFrm.cols='20%,30,*'
else
window.top.mainFrm.cols='0,30,*'
}
</script>
</head>
<body bgcolor="#eeeeee">
<input type="image" src="xx.jpg" name="btnHide" onclick="hideOrShow()">
</body>
</html>
------------------------------------------------------
右框架: rightFrm.asp
----------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<link href="dnb.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
右框架
</BODY>
</HTML>
--------------------------------------------
顶部框架 : topFrm.asp
--------------------------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title></title>
</head>
<body>
上框架
</body>
</html>
moger 2003-09-22
- 打赏
- 举报
按你的方法做了三个框架，中间框加内有这样的代码，显示网页有错误，错在哪儿？
<div align="center">
<input name="btnHide" type="image" onclick="window.top.mainframe.cols='0,20,*';" value="隐藏左框架" src="cmyforum.gif" align="middle" width="16" height="17">
</div>
<div align="center">
<input name="btnHide" type="image" onclick="window.top.mainframe.cols='0,20,*';" value="隐藏左框架" src="cmyforum.gif" align="middle" width="16" height="17">
</div>
nchen123 2003-09-22
- 打赏
- 举报
这个简单，中间那个有按钮的竖条是一个 frame, 那个按钮用一个图片按钮，
<input type="image" src="xx.jpg" name="btnHide" value="隐藏左框架" onclick="window.top.main.cols='0,20,*';">
假设左框架的 parent 名字叫 main, 分成左中右三个框架。中间的那个就是个窄条.
以上代码就是把左框架的宽度设成零，这就搞定了。
<input type="image" src="xx.jpg" name="btnHide" value="隐藏左框架" onclick="window.top.main.cols='0,20,*';">
假设左框架的 parent 名字叫 main, 分成左中右三个框架。中间的那个就是个窄条.
以上代码就是把左框架的宽度设成零，这就搞定了。
