老大们，我想弄一个图片跟着滚动条的滚动而滚动，以下是这个程序，但怎么都不对，本应点关闭按钮才关闭图片的，可点右边的图片时它就把左边的图片关闭了，本来点击图片是需要连接到其他页面的，这样一来就不行了。谢谢你们。
<script language="JavaScript">
<!--
//more javascript from
var Xpos = 0;
var Ypos = 0;
var Ygravity = 0.9;
var scrollPos = 0;
var oldScrollPos = 0;
if (document.all){
document.onmouseup=new Function("dragapproved=false")
}
function hidebox1(){
if (document.all)
floater1.style.visibility="hidden"
else if (document.layers)
document.floater1.visibility="hide"
}
function hidebox(){
if (document.all)
floater.style.visibility="hidden"
else if (document.layers)
document.floater.visibility="hide"
}
//left pictuer
function FloatMenu() {
docWidth = -100; // update document width
docHeight = document.body.clientHeight; // update document height
oldScrollPos = scrollPos;
scrollPos = document.body.scrollTop; // update scrollbar position
//if(scrollPos > 600) scrollPos = 580;
Xpos = docWidth;
Yboundary = scrollPos + 300;
if (floater.offsetTop < Yboundary - 10) // Object is behind boundary
Ypos += 3;
if (floater.offsetTop > Yboundary + 10) // Object is past boundary
Ypos -= 3;
Ypos *= Ygravity; // Slow object down
floater.style.pixelLeft = Xpos + 130;
floater.style.pixelTop += Ypos; // Make object bounce
}
window.setInterval("FloatMenu()", 30);
//right picture
function Float1Menu() {
docWidth = 750; // update document width
docHeight = document.body.clientHeight; // update document height
oldScrollPos = scrollPos;
scrollPos = document.body.scrollTop; // update scrollbar position
//if(scrollPos > 600) scrollPos = 580;
Xpos = docWidth;
Yboundary = scrollPos + 300;
if (floater1.offsetTop < Yboundary - 10) // Object is behind boundary
Ypos += 3;
if (floater1.offsetTop > Yboundary + 10) // Object is past boundary
Ypos -= 3;
Ypos *= Ygravity; // Slow object down
floater1.style.pixelright = Xpos + 130;
floater1.style.pixelTop += Ypos; // Make object bounce
}
window.setInterval("FloatMenu()", 30);
window.setInterval("Float1Menu()", 15);
//-->
</script>
<BODY>
<div id=floater style="LEFT:-10px; POSITION: absolute" border ="0" > <p align="center"><img src="one.gif.jpg" width="80" height="120"><br><td><a href="" onClick="hidebox();return false">关闭<td></p>
</div>
<div id=floater1 style="right:10px; POSITION: absolute" border="0"> <p align="center"><img src="one.gif.jpg" width="80" height="120"><br><td><a href="" onClick="hidebox1();return false">关闭</td></p>
</div>
</body>
