Question

jQuery轮播图实现思路

Answer 1

用banner隐藏超出部分的图片，imageList是inline，要显示的话就float到标签位置。

function changeTo(num){ 
    var goLeft = num * 800;
    $(".imgList").animate({left: "-" + goLeft + "px"},500);
    $(".indexList").find("li").removeClass("indexOn").eq(num).addClass("indexOn");
}
//创建一个定时器，然后再调用这个定时器，让定时器去执行播放图片
var autoChange = setInterval(function () {
    if(index<3){
        index++
    }else {
        index=0
    }
    changeTo(index)
},1000);