用jQuery写一个无缝衔接轮播图,超精简又详细

这个在今天之前一直困扰着我,因为之前做毕业设计的时候用到过。但是我觉得网上写的那些实在是太绕太复杂了,所以我只会套用,完全不理解。

由于无聊就自己动手去写，发现其实很简单，反而去参考别人的会把自己绕晕，下面我附上代码，以及注释，如果有什么看不懂的还可以问我。

*,ul,a{
    margin:0;
    padding:0;
    border:0;
    list-style:none;
    text-decoration:none;
}
#banner_wrap{
    width:1000px;
    height:400px;
    margin:0 auto;
    border:1px solid #c0a599;
    margin-top:30px;
    position:relative;
    overflow:hidden;
}
#banner{
    position:absolute;
    height:400px;

}
.oLi{
    width:1000px;
    height:400px;
    float:left;
}