高分求助！！！如何隐藏框架？？
我做了个框架网页：分为左右两个子框架，什样点击右框架中的"打开/关闭"字体而打开和关闭左框架呢？小弟菜鸟级的，请高手把代码写具体些。小弟先谢了！！代码如下：<!DOCTY...
我做了个框架网页：分为左右两个子框架，什样点击右框架中的"打开/关闭"字体而打开和关闭左框架呢？ 小弟菜鸟级的，请高手把代码写具体些。 小弟先谢了！！
代码如下：
<!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="*" cols="127,*" framespacing="1" frameborder="yes" border="1" bordercolor="#CC0000">
<frame src="3.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
<frame src="2.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
<noframes><body>
</body>
</noframes></html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>左框架</title>
</head>
<body>
左框架
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>右框架</title>
</head>
<body>
打开/关闭
</body>
</html> 展开
代码如下：
<!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="*" cols="127,*" framespacing="1" frameborder="yes" border="1" bordercolor="#CC0000">
<frame src="3.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
<frame src="2.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
<noframes><body>
</body>
</noframes></html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>左框架</title>
</head>
<body>
左框架
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>右框架</title>
</head>
<body>
打开/关闭
</body>
</html> 展开
2个回答
展开全部
好了按你的要求修改了
main.html
-------------------------------------
<!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="*" cols="127,12,*" frameborder="false">
<frame src="leftFrame.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
<frame src="ctrlFrame.html" name="midFrame" scrolling="No" noresize="noresize" id="midFrame"/>
<frame src="rightFrame.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
<noframes><body>
</body>
</noframes></html>
rightFrame.html
---------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>右框架</title>
</head>
<body>
右边框架
</body>
</html>
leftFrame.html
--------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>左框架</title>
</head>
<body>
左框架
</body>
</html>
ctrlFrame.html
-------------------------------------------------------------------
<!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>
<script type="text/javascript">
function closeframe(obj)
{
var pf=parent.document.getElementsByTagName("frameset")[0];
if(obj.value==">"){obj.value="<";pf.cols="127,14,*";document.focus();}
else {obj.value=">";pf.cols="0,14,*";}
}
</script>
</head>
<body leftmargin="0" bgcolor="#37D7C7">
<div style="width:14px; height:350px; padding-top:330px" >
<input name="button" type="button" style="height:30px; width:12px; margin:0,0,auto,auto; " value="<" onclick="closeframe(this)"/>
</div>
</body>
</noframes>
</html>
自己试试吧中 间的边框有点粗 呵呵 凑合凑合吧
main.html
-------------------------------------
<!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="*" cols="127,12,*" frameborder="false">
<frame src="leftFrame.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
<frame src="ctrlFrame.html" name="midFrame" scrolling="No" noresize="noresize" id="midFrame"/>
<frame src="rightFrame.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
<noframes><body>
</body>
</noframes></html>
rightFrame.html
---------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>右框架</title>
</head>
<body>
右边框架
</body>
</html>
leftFrame.html
--------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>左框架</title>
</head>
<body>
左框架
</body>
</html>
ctrlFrame.html
-------------------------------------------------------------------
<!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>
<script type="text/javascript">
function closeframe(obj)
{
var pf=parent.document.getElementsByTagName("frameset")[0];
if(obj.value==">"){obj.value="<";pf.cols="127,14,*";document.focus();}
else {obj.value=">";pf.cols="0,14,*";}
}
</script>
</head>
<body leftmargin="0" bgcolor="#37D7C7">
<div style="width:14px; height:350px; padding-top:330px" >
<input name="button" type="button" style="height:30px; width:12px; margin:0,0,auto,auto; " value="<" onclick="closeframe(this)"/>
</div>
</body>
</noframes>
</html>
自己试试吧中 间的边框有点粗 呵呵 凑合凑合吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
