本文介绍了一种使用JavaScript实现的简单图片轮播效果，通过定时器自动切换预设的图片集合，用户可根据需求调整图片路径及切换时间间隔。
1
<script language =javascript >
2var curIndex=0;
3//时间间隔 单位毫秒
4var timeInterval=1000;
5var arr=new Array();
6arr[0]="1.jpg";
7arr[1]="2.jpg";
8arr[2]="3.jpg";
9arr[3]="4.jpg";
10arr[4]="5.jpg";
11arr[5]="6.jpg";
12arr[6]="7.jpg";
13setInterval(changeImg,timeInterval);
14function changeImg()
15
{
16
var obj=document.getElementById("obj");
17 if (curIndex==arr.length-1)
18
{
19 curIndex=0;
20
}
21 else
22 {
23 curIndex+=1;
24 }
25 obj.src=arr[curIndex];
26
}
27</script>
28
29<img id=obj src ="1.jpg" border =0 />
<script language =javascript >2
var curIndex=0;3
//时间间隔 单位毫秒4
var timeInterval=1000;5
var arr=new Array();6
arr[0]="1.jpg";7
arr[1]="2.jpg";8
arr[2]="3.jpg";9
arr[3]="4.jpg";10
arr[4]="5.jpg";11
arr[5]="6.jpg";12
arr[6]="7.jpg";13
setInterval(changeImg,timeInterval);14
function changeImg()15
{16
var obj=document.getElementById("obj");17
if (curIndex==arr.length-1) 18
{19
curIndex=0;20
}21
else22
{23
curIndex+=1;24
}25
obj.src=arr[curIndex];26
}27
</script>28
29
<img id=obj src ="1.jpg" border =0 />可以自己配置，自己设置每张图片切换的时间间隔，自己设置每张图片的路径（绝对、相对路径都可以）
虽然很简单，但是很实用。
扫一扫
889
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
