鼠標(biāo)進(jìn)入停止

carousel.onmouseover = function(){
            clearInterval(timer);
        }

鼠標(biāo)離開(kāi)開(kāi)始

~~~ carousel.onmouseout = function(){
        timer = setInterval(rightBtnHandler,interval);
    }~~~

按鈕的監(jiān)聽(tīng)

    ~~~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();
    }~~~

小圓點(diǎn)的監(jiān)聽(tīng)

    ~~~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();
        }
    }~~~

更換小圓點(diǎn)函數(shù)

    ~~~function changeCircle(){
        for (var i = 0; i < circlesLi.length; i++) {
            circlesLi[i].className = "";
        }
        circlesLi[idx].className = "cur";
    }~~~