请问怎么样可以令两个图标同时浮动漂移，在线等，急！！！

Question

<div id="img1" style="position:absolute; left: 25px; top: 16px"> <a href='javascript:void()' onclick="PopupPage(200,50,354,530,'/program/happygame/pop/index.shtml');return false"><img name="Image1" border="0" src="/program/happygame/images/logo.gif" width="170" height="60"></a>
  </div>
<div id="img2" style="position:absolute; left: 100px; top: 100px"> <a href='javascript:void()' onclick="PopupPage(200,50,354,530,'/program/happygame/pop/index.shtml');return false"><img name="Image1" border="0" src="/program/happygame/images/logo.gif" width="170" height="60"></a>
  </div>  
  <SCRIPT LANGUAGE="JavaScript">
var step = 2;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var pause = true;
var interval;//设置图片1的初始属性
img1.style.top = 0;//图片x轴位置
img1.style.left = 0;//图片y轴位置
img1.xon=0;//图片x轴移动方向 1下0上
img1.yon=0;//图片y轴移动方向 1下0上
img1.xPos=img1.style.top;//辅助记录图片x轴位置
img1.yPos=img1.style.left;//辅助记录图片y轴位置//设置图片2的初始属性。和图片1类似
img2.style.top = 100;
img2.style.left = 100;
img2.xon=0;
img2.yon=0;
img2.xPos=img2.style.top;
img2.yPos=img2.style.left;
function changePos(img) {//移动图片
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = img.xPos + document.body.scrollLeft;
img.style.top = img.yPos + document.body.scrollTop;
if (img.yon) {
img.yPos = img.yPos + step;
}
else {
img.yPos = img.yPos - step;
}
if (img.yPos < 0) {
img.yon = 1;
img.yPos = 0;
}
if (img.yPos >= (height - Hoffset)) {//***********
img.yon = 0;
img.yPos = (height - Hoffset);
}
if (img.xon) {
img.xPos = img.xPos + step;
}
else {
img.xPos = img.xPos - step;
}
if (img.xPos < 0) {
img.xon = 1;
img.xPos = 0;
}
if (img.xPos >= (width - Woffset)) {//**********
img.xon = 0;
img.xPos = (width - Woffset);
   }}function start() {
img1.visibility = "visible";
img2.visibility = "visible";
//setTimeout('changePos()', delay)
interval = setInterval('changePos(eval("img1"))', delay);
interval = setInterval('changePos(eval("img2"))', delay);
}start();//启动图片移动</script>

Answer 1

不好意思，这里还要调整一下把下面的代码
//设置图片1的初始属性
img1.style.top = 0;//图片x轴位置
img1.style.left = 0;//图片y轴位置
img1.xon=0;//图片x轴移动方向 1下0上
img1.yon=0;//图片y轴移动方向 1下0上
img1.xPos=img1.style.top;//辅助记录图片x轴位置
img1.yPos=img1.style.left;//辅助记录图片y轴位置//设置图片2的初始属性。和图片1类似
img2.style.top = 100;
img2.style.left = 100;
img2.xon=0;
img2.yon=0;
img2.xPos=img2.style.top;
img2.yPos=img2.style.left;改为//设置图片1的初始属性
img1.xon=0;//图片x轴移动方向 1下0上
img1.yon=0;//图片y轴移动方向 1下0上
img1.xPos=0;//辅助记录图片x轴位置
img1.yPos=0;//辅助记录图片y轴位置
img1.style.top = img1.xPos;//图片x轴位置
img1.style.left = img1.yPos;//图片y轴位置//设置图片2的初始属性。和图片1类似
img2.xon=0;
img2.yon=0;
img2.xPos=100;
img2.yPos=100;
img2.style.top = img2.xPos;
img2.style.left = img2.yPos;