就是給這幾個圖片弄一個定時器，把圖片先定位到一個地方，給定時器一個時間，比如五秒，最初讓除了第一個圖片外的其他的都消失前五秒顯示的是第一張圖片，五秒過后第一張圖片消失這里說的打個比方用的是透明度；只告訴你原理咯，代碼的話到處都有，直接down一個就行 1滑動一張就讀取當前索引 2滑動的距離根據(jù)當前的索引*滑動的距離 3將第一張插入到容器的最后面，這樣的話切換到第一張就不會看出來不銜接了 4滑動到最后。

自動輪播圖html代碼

你把整個ul想成是一張圖片，你要做的就是把ul左右移動，然后在ul外面可以套一個div，樣式為overflowhidden，關于復位，你可以用％運算，當移動到最后一個li的時候，跳到第一個li去。

js自動輪播圖代碼

原理就是定時器改變offset的屬性值，這個叫輪播， 代碼比較多就不貼了，自己百度“js 輪播”吧現(xiàn)在一般都是用jquery的插件實現(xiàn)了，如果想學原理，建議看一下的智能社BLue的javascript視頻，講到不少js動畫效果的實現(xiàn)。