山寨机中的战斗机！	程序优化工程师到底对IT界有没有贡献

两个frame同步

楼主lusongfang（kevin）2000-11-01 16:59:00 在 Web 开发 / JavaScript 提问

网页上两个frame内容紧密相关，都有竖向滑块，要求两个同步上下移动，HOW to do this ?? 问题点数：50、回复次数：1Top

1 楼edyang（化石）回复于 2000-11-01 17:51:00 得分 50

别被下面的例子的长度吓倒了，最关键的是 JavaScript 代码！

ScrollFrames.html:

<html>

<head>
<title>Scroll Frames</title>
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
</head>

<frameset cols="50%,*">
<frame name="contents" target="main" src="left_frame.htm">
<frame name="main" src="right_frame.htm">
<noframes>
<body>

This page uses frames, but your browser doesn't support them.

</body>
</noframes>
</frameset>

</html>

******************************************************************

LeftFrame.html:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Left Frame</title>
<base target="main">
<script type="text/javascript">
var bSelfScroll = true;

function doScroll()
{
if(bSelfScroll)
{
top.frames[1].bSelfScroll = false;
top.frames[1].scrollTo(document.body.scrollLeft, document.body.scrollTop);
}
else
bSelfScroll = true;
}
</script>
</head>

<body onscroll="doScroll()">

<script type="text/javascript">

var bSelfScroll = true;
function doScroll()
{
if(bSelfScroll)
{
top.frames[1].bSelfScroll = false;
top.frames[1].scrollTo(document.body.scrollLeft, document.body.scrollTop);
}
else
bSelfScroll = true;
}

</script>

<script type="text/javascript">

var bSelfScroll = true;
function doScroll()
{
if(bSelfScroll)
{
top.frames[1].bSelfScroll = false;
top.frames[1].scrollTo(document.body.scrollLeft, document.body.scrollTop);
}
else
bSelfScroll = true;
}

</script>

<script type="text/javascript">

var bSelfScroll = true;
function doScroll()
{
if(bSelfScroll)
{
top.frames[1].bSelfScroll = false;
top.frames[1].scrollTo(document.body.scrollLeft, document.body.scrollTop);
}
else
bSelfScroll = true;
}

</script>

<script type="text/javascript">

var bSelfScroll = true;
function doScroll()
{
if(bSelfScroll)
{
top.frames[1].bSelfScroll = false;
top.frames[1].scrollTo(document.body.scrollLeft, document.body.scrollTop);
}
else
bSelfScroll = true;
}

</script>

<script type="text/javascript">

var bSelfScroll = true;
function doScroll()
{
if(bSelfScroll)
{
top.frames[1].bSelfScroll = false;
top.frames[1].scrollTo(document.body.scrollLeft, document.body.scrollTop);
}
else
bSelfScroll = true;
}

</script>

</body>

</html>

***************************************************************

RightFrame.html:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Right Frame</title>
<script type="text/javascript">
var bSelfScroll = true;

function doScroll()
{
if(bSelfScroll)
{
top.frames[1].bSelfScroll = false;
top.frames[0].scrollTo(document.body.scrollLeft, document.body.scrollTop);
}
else
bSelfScroll = true;
}
</script>
<base target="_self">
</head>

<body onscroll="doScroll()">


<script type="text/javascript">

var bSelfScroll = true;
function doScroll()
{
if(bSelfScroll)
{
top.frames[1].bSelfScroll = false;
top.frames[1].scrollTo(document.body.scrollLeft, document.body.scrollTop);
}
else
bSelfScroll = true;
}

</script>

<script type="text/javascript">

var bSelfScroll = true;
function doScroll()
{
if(bSelfScroll)
{
top.frames[1].bSelfScroll = false;
top.frames[1].scrollTo(document.body.scrollLeft, document.body.scrollTop);
}
else
bSelfScroll = true;
}

</script>

<script type="text/javascript">

var bSelfScroll = true;
function doScroll()
{
if(bSelfScroll)
{
top.frames[1].bSelfScroll = false;
top.frames[1].scrollTo(document.body.scrollLeft, document.body.scrollTop);
}
else
bSelfScroll = true;
}

</script>

<script type="text/javascript">

var bSelfScroll = true;
function doScroll()
{
if(bSelfScroll)
{
top.frames[1].bSelfScroll = false;
top.frames[1].scrollTo(document.body.scrollLeft, document.body.scrollTop);
}
else
bSelfScroll = true;
}

</script>

<script type="text/javascript">

var bSelfScroll = true;
function doScroll()
{
if(bSelfScroll)
{
top.frames[1].bSelfScroll = false;
top.frames[1].scrollTo(document.body.scrollLeft, document.body.scrollTop);
}
else
bSelfScroll = true;
}

</script>


</body>

</html>
Top

两个frame同步

1 楼edyang（化石）回复于 2000-11-01 17:51:00 得分 50

相关问题

关键词

得分解答快速导航

相关链接

广告也精彩

反馈