就是给这几个图片弄一个定时器，把图片先定位到一个地方，给定时器一个时间，比如五秒，最初让除了第一个图片外的其他的都消失前五秒显示的是第一张图片，五秒过后第一张图片消失这里说的打个比方用的是透明度；只告诉你原理咯，代码的话到处都有，直接down一个就行 1滑动一张就读取当前索引 2滑动的距离根据当前的索引*滑动的距离 3将第一张插入到容器的最后面，这样的话切换到第一张就不会看出来不衔接了 4滑动到最后。

自动轮播图html代码

你把整个ul想成是一张图片，你要做的就是把ul左右移动，然后在ul外面可以套一个div，样式为overflowhidden，关于复位，你可以用％运算，当移动到最后一个li的时候，跳到第一个li去。

js自动轮播图代码

原理就是定时器改变offset的属性值，这个叫轮播， 代码比较多就不贴了，自己百度“js 轮播”吧现在一般都是用jquery的插件实现了，如果想学原理，建议看一下的智能社BLue的javascript视频，讲到不少js动画效果的实现。