用jsjq或css循环为li添加不同的背景图片_IT百科

var list = document.getElementsByTagName('li')

for(var i = 0 i < list.length i++) {

list[i].style.backgroundImage = i+'.jpg'

}

以上是你做12张图片的情况。

还有一种是把12张图片整合到一张图片上，前提是这12张图片高度最好一致

样式就用

li{background:url(sprites.jpg) no-repeat height:固定好高度}

代码用

list[i].style.backgroundPosition = '0 ' + (间隔高度) * i + 'px'

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

var img=new Array()

img[0]="img-1.jpg"

img[1]="img-2.jpg"

img[2]="img-3.jpg"

//图片可以自己增加

var index=0

function show(){

if(index>2){//图片增加了的话，这里2也要改

index=0

}

document.getElementById("images").src=img[index]

document.getElementById("images").title="图片"+(index+1)

index++

setTimeout("show()",1000)//1000毫秒是1秒，隔1秒换，2秒就是2000

}

</script>

<title>@title</title>

</head>

<div>

</div>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

用jsjq或css循环为li添加不同的背景图片