HTML 实现背景图片的替换

<p class="p">

       <p class="p2"><img src="../img/hu.jpg"  alt=""  id="picture"></p>

       </p>

</p>

var curIndex = 0;

var timeInterval = 3000; //切换时间 3秒  可以修改

var arr = new Array();

arr[0] = "../img/hu.jpg"; //这里的是图片存放的相对路径

arr[1] = "../img/bb.jpg";

arr[2] = "../img/cc.jpg";

setInterval(changeImg, timeInterval);

function changeImg() {

var obj = document.getElementById("picture");

if(curIndex == arr.length - 1) {

curIndex = 0;

} else {

curIndex += 1;

}

obj.src = arr[curIndex];

}