js轮播图片小圆点变化_纯JS实现带小圆点缩略图及左右箭头的轮播图

js部分

list.style.left=newLeft+ 'px';if(newLeft> -400) {//如果当前的 a = list.style.left = 0;此时图片位于被隐藏的第五张，它的前面没有图， 就把-2000px赋值给a,此时图片还是位于第五张图，而她的前面有五张图片所以a = -400px*5=-2000px;

list.style.left= -2000 + 'px';

}if(newLeft< -2000) {//同理，如果当前的a= list.style.left = -2400px;此时图片位于第一张，它的前面有六张图，就把-400px赋值给a,此时图片还是位于第一张，而它的前面有一张图，所以a = -400px;

list.style.left= -400 + 'px';

}

}//图片自动轮播

functionautoPlay() {//设置定时器，每隔1.5s运行一次oNext.onclick

timer=setInterval(function(){

oNext.onclick();

},1500);

}functionstopAutoPlay (){

clearInterval(timer);

}//鼠标移入图片，清除定时器，移开，打开定时器

oContainer.οnmοuseοver=stopAutoPlay;

oContainer.οnmοuseοut=autoPlay;

autoPlay();//设置小圆点

fun