本文介绍了一种使用 JavaScript 实现图片轮播的方法。通过设置定时器，文章展示了如何自动切换图片并保持良好的用户体验。该轮播效果适用于网页设计中需要展示多张图片的场景。
<script language =javascript > var curIndex=0;
var timeInterval=1000; var arr=new Array(); arr[0]="photos/1.jpg"; arr[1]="photos/2.jpg"; arr[2]="photos/3.jpg"; arr[3]="photos/4.jpg"; arr[4]="photos/5.jpg";
setInterval(changeImg,timeInterval); function changeImg() {
var obj=document.getElementById("obj"); if (curIndex==arr.length-1) {
curIndex=0; } else {
curIndex+=1; }
obj.src=arr[curIndex]; } </script>
<img id=obj src ="photos/1.jpg" width=200 height=150 border =0>
var timeInterval=1000; var arr=new Array(); arr[0]="photos/1.jpg"; arr[1]="photos/2.jpg"; arr[2]="photos/3.jpg"; arr[3]="photos/4.jpg"; arr[4]="photos/5.jpg";
setInterval(changeImg,timeInterval); function changeImg() {
var obj=document.getElementById("obj"); if (curIndex==arr.length-1) {
curIndex=0; } else {
curIndex+=1; }
obj.src=arr[curIndex]; } </script>
<img id=obj src ="photos/1.jpg" width=200 height=150 border =0>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
