简单的轮播图实现( 三 )


(index);
}
//下一张
right.=(){
//调用函数,改变背景色
();
//调用函数,获取当前显示的a标签的数组下标
();
var index=();
// 判断:
// 如果当前下标为最后一张图片的下标,则跳转到第一张,即下标为index为0
// 如果不为最后一张,则跳转到下一张,即下标为index+1;
if(index==arr.-1){
img.src=http://www.kingceram.com/post/arr[0];
index=0;
}else{
img.src=http://www.kingceram.com/post/arr[index+1];
index++;
}
//调用函数,且实参为当前img标签下标值
(index);
}
// 功能与下一张一致
// ():每隔s毫秒执行一次,
// ():s毫秒后执行
// 格式:
// ((){
// },)
// 定时器,每隔5秒切换一次
var = ((){
// ();
();
();
var index=();
if(index==arr.-1){
img.src=http://www.kingceram.com/post/arr[0];
index=0;
}else{
img.src=http://www.kingceram.com/post/arr[index+1];
index++;
}
(index);
},3000)
2.结束语
本次使用js代码完成了一个实现轮播图的案例 , 还有其他更加简单的js实现方法 , 欢迎在下方评论 。