求助：在页面上放放一个图片，这个层会向四周运动，怎么写代码？

有木有大神能解决我的问题，求啊

搞了一个，但是不好看，挪动的时候一闪一闪的。。。

能不能给代码我看看

function ImgAnimate(src,container){
this.container = container;
this.src=src;
this.img = null; //保存 img对象
this.xaxis={ //横向参数
point:[800-110,0],
index:0,
dalte:1,
speed:10,
isLess:true,
direction:'left',
timeout:null
};
this.yaxis={ //纵向参数
point:[600-110,0],
index:0,
dalte:1,
speed:10,
isLess:true,
direction:'top',
timeout:null
};
this.init();
}
ImgAnimate.prototype={
constructor:ImgAnimate,
init:function(){
var host = this;
if(typeof(host.container)=='string'){
host.container = document.getElementById(host.container);
}
host.createImg();
host.xaxis.isLess=host.checkLess('xaxis');
host.yaxis.isLess=host.checkLess('yaxis');
return host;
},
createImg:function(){
host = this;
var img = document.createElement("img");
img.setAttribute("src",host.src);
img.style.cssText=";position:absolute;left:5px;top:100px;z-index:10000";
(host.container||document.body).appendChild(img);
host.img = img;
return host;
},
checkLess:function(axis){
var host = this;
return parseInt(host.img.style[host[axis].direction])<host[axis].point[host[axis].index];
},
move:function(axis){
var host = this;
var curDistance = parseInt(host.img.style[host[axis].direction]), check= host.checkLess(axis);
if(check!=host[axis].isLess){
if(++host[axis].index>=host[axis].point.length){
host[axis].point = host[axis].point.reverse();
host[axis].index=1;
}
host[axis].isLess = check = host.checkLess(axis) ;
}
var nextPos = curDistance +(check?1:-1)*host[axis].dalte;
host.img.style[host[axis].direction] =nextPos+"px";
host[axis].timeout = setTimeout(function(){
host.move(axis);
},host[axis].speed);
return host;
},
stop:function(axis){
var host = this;
clearTimeout(host[axis].timeout);
return host;
}
};


设置你的
point:[windowWidth,0],
point:[windowHeight,0],
new ImgAnimate('imgurl').move('xaxis').move('yaxis');

高手啊 不过有很多看不懂