鼠标进入停止
carousel.onmouseover = function(){
clearInterval(timer);
}
鼠标离开开始
~~~ carousel.onmouseout = function(){
timer = setInterval(rightBtnHandler,interval);
}~~~
按钮的监听
~~~rightBtn.onclick = rightBtnHandler;
function rightBtnHandler(){
if(lis[idx].isanimated) return;
animate(lis[idx],{"opacity" : 0},1000);
idx++;
if(idx > imgLength - 1){
idx = 0;
}
animate(lis[idx],{"opacity" : 1},1000);
changeCircle();
}~~~
小圆点的监听
~~~for(var i = 0 ; i <= imgLength - 1 ; i++){
circlesLi[i].index = i;
circlesLi[i].onclick = function(){
if(lis[idx].isanimated) return;
animate(lis[idx],{"opacity" : 0},1000);
idx = this.index;
animate(lis[idx],{"opacity" : 1},1000);
changeCircle();
}
}~~~
更换小圆点函数
~~~function changeCircle(){
for (var i = 0; i < circlesLi.length; i++) {
circlesLi[i].className = "";
}
circlesLi[idx].className = "cur";
}~~~
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
