￥￥￥￥￥￥￥￥￥￥￥救命，为什么我做的控件里的层不会随屏移动（慕白救救命吧）

代码如下
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>WebForm2</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<script type="text/javascript" src="/duibi.js"></script>
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<p>
p
<p>
p
<p>
p
<p>
p
<p>
p
<p>
p
<p>
p
<p>
p
<p>
p
<p>
p
<p>
p
<p>
p
<p>
p
<p>
p
<p>
p
<p>
p
<p>
p
<p>
p
<p>
p
<p>
p
<p>
p
<p>
p
<p>
p
<p>
p
<p>
p
<p>
p
<p>
p
<p>
p
<p>
p
<p>p</p>
<DIV id="duibi" style="Z-INDEX: 2; LEFT: 807px; WIDTH: 185px; POSITION: absolute; TOP: 320px; HEIGHT: 115px">
<TABLE class="center_top_01" cellSpacing="0" cellPadding="0" width="185" border="0">
<TBODY>
<TR>
<TD height="23">
<TABLE cellSpacing="0" cellPadding="0" width="100%" border="0">
<TBODY>
<TR>
<TD background="【国房网】房地产专业网络媒体-福州房产资讯福州楼盘福州二手房政策咨询租房买卖房信息房产评估福州站二手房 - 出售房源列表.files/right_side_03.gif"
height="23">
<H2 class="h2_01">房源对比</H2>
</TD>
</TR>
</TBODY>
</TABLE>
<TABLE class="center_top_02 center_esf_main" cellSpacing="0" cellPadding="0" width="100%"
border="0">
<TBODY>
<TR>
<TD class="text_top_02" width="91%" height="20">&nbsp;<IMG height="6" src="【国房网】房地产专业网络媒体-福州房产资讯福州楼盘福州二手房政策咨询租房买卖房信息房产评估福州站二手房 - 出售房源列表.files/pic_j_03.gif"
width="7"> <SPAN id="compare1" name="compare1">物业名称</SPAN></TD>
<TD width="9%"><IMG onClick="del_compare('1')" src="【国房网】房地产专业网络媒体-福州房产资讯福州楼盘福州二手房政策咨询租房买卖房信息房产评估福州站二手房 - 出售房源列表.files/menu_esf_no.gif"
border="0"></TD>
</TR>
</TBODY>
</TABLE>
<TABLE class="center_top_02 center_esf_main" cellSpacing="0" cellPadding="0" width="100%"
border="0">
<TBODY>
<TR>
<TD class="text_top_02" width="91%" height="20">&nbsp;<IMG height="6" src="【国房网】房地产专业网络媒体-福州房产资讯福州楼盘福州二手房政策咨询租房买卖房信息房产评估福州站二手房 - 出售房源列表.files/pic_j_03.gif"
width="7"> <SPAN id="compare2" name="compare2">物业名称</SPAN></TD>
<TD width="9%"><IMG onClick="del_compare('2')" src="【国房网】房地产专业网络媒体-福州房产资讯福州楼盘福州二手房政策咨询租房买卖房信息房产评估福州站二手房 - 出售房源列表.files/menu_esf_no.gif"
border="0"></TD>
</TR>
</TBODY>
</TABLE>
<TABLE class="center_top_02 center_esf_main" cellSpacing="0" cellPadding="0" width="100%"
border="0">
<TBODY>
<TR>
<TD class="text_top_02" width="91%" height="20">&nbsp;<IMG height="6" src="【国房网】房地产专业网络媒体-福州房产资讯福州楼盘福州二手房政策咨询租房买卖房信息房产评估福州站二手房 - 出售房源列表.files/pic_j_03.gif"
width="7"> <SPAN id="compare3" name="compare3">物业名称</SPAN></TD>
<TD width="9%"><IMG onClick="del_compare('3')" src="【国房网】房地产专业网络媒体-福州房产资讯福州楼盘福州二手房政策咨询租房买卖房信息房产评估福州站二手房 - 出售房源列表.files/menu_esf_no.gif"
border="0"></TD>
</TR>
</TBODY>
</TABLE>
<TABLE class="center_top_02 center_esf_main" cellSpacing="0" cellPadding="0" width="100%"
border="0">
<TBODY>
<TR>
<TD class="text_top_02" width="91%" height="20">&nbsp;<IMG height="6" src="【国房网】房地产专业网络媒体-福州房产资讯福州楼盘福州二手房政策咨询租房买卖房信息房产评估福州站二手房 - 出售房源列表.files/pic_j_03.gif"
width="7"> <SPAN id="compare4" name="compare4">物业名称</SPAN></TD>
<TD width="9%"><IMG onClick="del_compare('4')" src="【国房网】房地产专业网络媒体-福州房产资讯福州楼盘福州二手房政策咨询租房买卖房信息房产评估福州站二手房 - 出售房源列表.files/menu_esf_no.gif"
border="0"></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD align="center" height="40"><A href="javascript:compareing()"><IMG style="CURSOR: hand" src="【国房网】房地产专业网络媒体-福州房产资讯福州楼盘福州二手房政策咨询租房买卖房信息房产评估福州站二手房 - 出售房源列表.files/menu_esf_db1.png"
border="0"></A></TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<SCRIPT> 
var oLayer = document.getElementById("duibi");
var initPos = lastPos = parseInt(oLayer.style.top);
setInterval('layerPosition()', 100);

var i = 1;

function layerPosition() { //window.status = i++; var targetPos = document.body.scrollTop + initPos ;
//window.status += ' ScrollTop:' + document.body.scrollTop + ' target:' + targetPos;
if (targetPos == lastPos) {
return;
}
var step = (targetPos - lastPos)/10|0 ;
//window.status += ' step:' + step;
oLayer.style.top = parseInt(oLayer.style.top) + step ;
lastPos += step;
} 
</SCRIPT>
</form>
</body>
</HTML>

解决方案 »

  1.   

    引用Jinglecat的签名---------(晓风残月 >> 问题需简洁，错误要详细) ！！！！！
      

  2.   

    好的<div id="duibib">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="8%" align="left" valign="middle"><img src="/images/home_r12_c21.gif" width="10" height="7" /></td>
        <td width="78%" align="left" valign="middle"><SPAN id=compare1 name="compare1">物业名称</span></td>
        <td width="14%" align="center" valign="middle"><img onClick="del_compare('1')" src="/images/home_r25_c28.gif" width="13" height="12" /></td>
      </tr>
    </table>
    </div>下面是脚本
    <SCRIPT> 
    var oLayer = document.getElementById("duibi");
    var initPos = lastPos = parseInt(oLayer.style.top);
    setInterval('layerPosition()', 100);

    var i = 1;

    function layerPosition() { //window.status = i++; var targetPos = document.body.scrollTop + initPos ;
    //window.status += ' ScrollTop:' + document.body.scrollTop + ' target:' + targetPos;
    if (targetPos == lastPos) {
    return;
    }
    var step = (targetPos - lastPos)/10|0 ;
    //window.status += ' step:' + step;
    oLayer.style.top = parseInt(oLayer.style.top) + step ;
    lastPos += step;
    } 
    </SCRIPT>就是为什么我上面的代码放在页面的时候 会移动，可是放到控件里在拉到其它页面的的时候就不会。。随屏移动