js怎么一刷新换一张图片

JavaScript028

js怎么一刷新换一张图片,第1张

js实现更换图片：

<script language =javascript >

var curIndex=0

//时间间隔 单位毫秒

var timeInterval=5000

var arr=new Array()

arr[0]="1.jpg"

arr[1]="2.jpg"

arr[2]="3.jpg"

arr[3]="4.jpg"

arr[4]="5.jpg"

arr[5]="6.jpg"

arr[6]="7.jpg"

setInterval(changeImg,timeInterval)

function changeImg()

{

var obj=document.getElementById("showpic")

if (curIndex==arr.length-1)

{

curIndex=0

}

else

{

curIndex+=1

}

obj.src="image/"+arr[curIndex]

}

</script>

<img src="image/1.jpg" width="427" height="219" id="showpic" />

更换背景图片有两种方式：

1、直接给元素附加css，因为js附加的css样式要比css中的样式权限高，那么js设置的背景图片就会覆盖之前的图片

$(this).css("background","url(1.jpg) no-repeat 0 0")

2、写两个class，一个class里面写一个背景图片，js中操作的话直接改变元素的class就可以了

$(this).removeClass('classA').addClass('classB')

相对而言，第二种方式更好一点，实现了js中尽量不书写css的理念，同时第二种可以实现背景图片不断替换，而第一种不行

如果是图片轮播，或者是带有图片的js代码，在其他的一段会出现一些.gif

或者jpg

png格式的图片代码，你只要找到图片存放的位置，改变图片才名称，就可以替换成你自己需要的图片了