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

自動(dòng)輪播圖html代碼

你把整個(gè)ul想成是一張圖片，你要做的就是把ul左右移動(dòng)，然后在ul外面可以套一個(gè)div，樣式為overflowhidden，關(guān)于復(fù)位，你可以用％運(yùn)算，當(dāng)移動(dòng)到最后一個(gè)li的時(shí)候，跳到第一個(gè)li去。

js自動(dòng)輪播圖代碼

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