js代码
//初始横向位置
var x = 0;
//初始纵向位置
var y = 0;
//横向偏移量
var offsetleft = 1;
//纵向偏移量
var offsetlefttop = 1;//每次移动距离
function move() {
var pic = document.getElementById("pic");
//x轴移动
x += offsetleft;
//y轴移动
y += offsetlefttop;
//距离浏览器左边距离
pic.style.left = x + "px";
//距离浏览器顶部距离
pic.style.top = y + "px";
//如果x+图片宽度大于窗口宽度或者x<0,反方向移动
if ((x + pic.offsetleftWidth) > document.body.clientWidth || x < 0) {
offsetleft = -offsetleftleft;
};
if ((y + pic.offsetleftHeight) > document.body.clientHeight || y < 0) {
offsetlefttop = -offsetlefttop;
};
}
setInterval("move()", 20);
html代码
<div id="pic" style="position:absolute">
<img src="img/background2.jpg" />
</div>