html背景自动覆盖,html背景自动移动

/p>

"http://www.w3.org/TR/html4/loose.dtd">

*{

margin:0px;

padding:0px;

}

#divbg{

width:710px;

height: 339px;

/*border:1px solid red;*/

background-image: url("image/scenery.jpg");/*添加背景图片*/

background-size: 100% 100%;

position: absolute;

top:100px;

left:100px;

}

var divbg=document.getElementById("divbg");//获取div

var x=0;

// var y=0;//定义垂直方向初始距离

var divbgTimer=setInterval(moveBg,100);//设置调用这个方法的定时器，100ms调用一次

function moveBg(){//背景移动函数

divbg.style.backgroundPositionX=x+"px";//对div对象的背景图片进行移动

x=x+2;//向右移动

// divbg.style.backgroundPositionY=y+"px";

// y=y+2;//向下移动

}

本文来源于网络：查看 >https://www.cnblogs.com/lqqchangeload/p/lqqchangeload.html