中科新闻网陈展微博:如何实现以下网页的缩进和打开的效果？有源代码最好。
来源：百度文库 编辑：中科新闻网 时间：2024/04/28 00:54:05
楼上的别整天给自己的网页做广告。
楼主朋友给的这个地址，主要是套用了框架，才有这个效果，其中最关键的是
http://bbs.6wow.com/control.htm
这个文件，不能缺少。
首先查看http://bbs.6wow.com/mainframe.php?fid=143&tid=4544
的代码，找到里面几个调用的页，包括：
顶部文件：
http://bbs.6wow.com/top.php?boardid=143
登陆文件：
http://bbs.6wow.com/sta.php?fid=143
左边的列表页：
http://bbs.6wow.com/thread.php?fid=143
左边的搜索页：
http://bbs.6wow.com/left.php?fid=143
最重要的带缩进和打开功能的页：
http://bbs.6wow.com/control.htm
最后是右边的文章页：
http://bbs.6wow.com/read.php?tid=4544&fpage=%20scrolling=yes
这里面登陆页和搜索页可以不调用，还有顶部的可以保留，然后就是control.htm的代码：
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></HEAD>
<BODY onclick="shift_status()" leftmargin=0 topmargin=0>
<script language="javascript">
var flag = false;
function shift_status()
{
if(flag)
{
if(screen.width>1024)
parent.main.cols = "453,9,*";
else if(screen.width>800)
parent.main.cols = "453,9,*";
else
parent.main.cols = "353,9,*";
document.all.menuSwitch1.src='image/wind/control.gif';
document.all.menuSwitch1.title='隐藏';
}
else
{
parent.main.cols = "0,9,*";
document.all.menuSwitch1.src='image/wind/control1.gif';
document.all.menuSwitch1.title='显示';
}
flag = !flag;
}
</script>
<table border=0 height="100%" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" bgcolor="#F2F2F2" id=menuSwitch style="cursor:hand"><img id=menuSwitch1 src="image/wind/control.gif" width=9></td>
</tr>
</table>
</BODY>
</HTML>
这个网页主要包括3个frame
你看调用代码：
<FRAME name=control src="control.htm" scrolling=no>
把代码复制下来测试一下就行了，还有不明白的发消息给我吧。
里不是有现成的JS 啊
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></HEAD>
<BODY onclick="shift_status()" leftmargin=0 topmargin=0>
<script language="javascript">
var flag = false;
function shift_status()
{
if(flag)
{
if(screen.width>1024)
parent.main.cols = "453,9,*";
else if(screen.width>800)
parent.main.cols = "453,9,*";
else
parent.main.cols = "353,9,*";
document.all.menuSwitch1.src='image/wind/control.gif';
document.all.menuSwitch1.title='隐藏';
}
else
{
parent.main.cols = "0,9,*";
document.all.menuSwitch1.src='image/wind/control1.gif';
document.all.menuSwitch1.title='显示';
}
flag = !flag;
}
</script>
<table border=0 height="100%" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" bgcolor="#F2F2F2" id=menuSwitch style="cursor:hand"><img id=menuSwitch1 src="image/wind/control.gif" width=9></td>
</tr>
</table>
</BODY>
</HTML>
察看左右两页的源代码看看就知道了用什么语法啦。
察看左右两页的源代码看看就知道了用什么语法啦。
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></HEAD>
<BODY onclick="shift_status()" leftmargin=0 topmargin=0>
<script language="javascript">
var flag = false;
function shift_status()
{
if(flag)
{
if(screen.width>1024)
parent.main.cols = "453,9,*";
else if(screen.width>800)
parent.main.cols = "453,9,*";
else
parent.main.cols = "353,9,*";
document.all.menuSwitch1.src='image/wind/control.gif';
document.all.menuSwitch1.title='隐藏';
}
else
{
parent.main.cols = "0,9,*";
document.all.menuSwitch1.src='image/wind/control1.gif';
document.all.menuSwitch1.title='显示';
}
flag = !flag;
}
</script>
<table border=0 height="100%" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" bgcolor="#F2F2F2" id=menuSwitch style="cursor:hand"><img id=menuSwitch1 src="image/wind/control.gif" width=9></td>
</tr>
</table>
</BODY>
不用那么麻烦的,按CTRL+鼠标中键,自己看着调,到满意为止