剩下就是js了，比如加個(gè)按鈕點(diǎn)擊按鈕就讓圖片向左滾動(dòng) #39button#39clickfunction #39ul#39animate left quot300quot， 1000 這是1秒內(nèi)ul像坐滾動(dòng)300像素，300像素就是一個(gè)li的寬度 還有不明白的；line 每行的列數(shù)，滾動(dòng)的時(shí)候需要用到這個(gè)參數(shù)，來(lái)判斷滾動(dòng)的寬度 * speed 滾動(dòng)動(dòng)畫(huà)所用的時(shí)間，500 是 500 毫秒，即滾動(dòng)動(dòng)畫(huà)在 500 毫秒內(nèi)完成 * timer 每次滾動(dòng)的間隔時(shí)間，3000 是 3秒 * left 左按鈕。

這樣lt！DOCTYPE html 動(dòng)態(tài)切換圖片 ul padding0margin0 li liststyle pic position relativewidth 400pxheight 400pxbackgroundcolorredmargin100px autobackgroundurl#39；直接加上prev和next，這兩個(gè)是superslide中已經(jīng)定義好的兩個(gè)類(lèi) 希望采納。

3簡(jiǎn)單的代碼示例如下lt！DOCTYPE html jquery輪播效果圖 * padding 0px margin 0px a textdecoration ul liststyle outside slider， sl；如果你要問(wèn)原理， 關(guān)鍵點(diǎn)是 外層div是一個(gè)窗口， 控制好長(zhǎng)寬， 設(shè)置overflow為hidden， 那么只有在此區(qū)域內(nèi)的內(nèi)容才會(huì)被顯示 內(nèi)容是一堆圖片， 通過(guò)js控制位置， 比如用relative定位， 通過(guò)css控制left， 就是移動(dòng)效果 如果要輪播。

功能已實(shí)現(xiàn)，你可以自己設(shè)定樣式 傳入imgs圖片集合是一個(gè)jquery對(duì)象，index表示當(dāng)前索引，oper表示+或者 也就是向左向右移動(dòng)function funcimgs，index，oper 得到應(yīng)該移動(dòng)到的索引 ifoper==quot+quot inde；網(wǎng)頁(yè)中的滾動(dòng)圖片的代碼有上下左右四個(gè)方向，分別是 lt lt向上滾動(dòng)代碼開(kāi)始 lt。

用jquery使一個(gè)按鈕讓div左右移動(dòng)方法如下就是點(diǎn)擊“#anniu”，然后quot#caozuoquotdiv左右移動(dòng)，我的代碼左移了就不能移動(dòng)回來(lái)了 $documentreadyfunction 就是點(diǎn)擊“#anniu”，然后quot#caozuoquotdiv左右移；形成并排的橫著布局，方便點(diǎn)擊按鈕時(shí)的左移動(dòng)* width 620px slideShow showNav *用絕對(duì)定位給數(shù)字按鈕進(jìn)行布局* position absolute right 10px bottom 5px textaligncenter。

用Jquery的animate方法和setTimeout方法做前者是動(dòng)畫(huà)效果，后者是控制時(shí)間比如quotimagequotanimateleft#39400px#39，2000這個(gè)效果就是圖片從左向右移動(dòng)到400px處假設(shè)圖片原位置在400PX左側(cè)，用時(shí)2000ms2；#39v_r#39clickfunction if！$v_showisquotanimatedquot ifpage==pageCount v_showanimateleftquot0pxquot，delaytimepage=1else v_showanimateleft#39=#39+$v_width，delaytimepage++。

思路點(diǎn)擊左邊 1將第一個(gè)LI向左滑動(dòng)，滑動(dòng)的數(shù)值就是LI的寬度這里是用負(fù)marginleft來(lái)實(shí)現(xiàn)移動(dòng)2滑動(dòng)完成后，將這個(gè)LI插入到整個(gè)LI的最后一個(gè)實(shí)現(xiàn)無(wú)縫滾動(dòng)點(diǎn)擊右邊 1將最后一個(gè)LI插入到所有LI的第；documentreadyfunction quot#hidequotclickfunction if$quot#leftquotcss#39width#39 == #39200px#39 quot#leftquotanimatewidth0，quotslowquotquot#hidequotval#39顯示#39else quot#leftquotanimate。

JS代碼 lt！lt！CDATAlt！ var Speed = 10 速度毫秒var Space = 10 每次移動(dòng)pxvar PageWidth = 160 翻頁(yè)寬度 var fill = 0 整體移位 v；動(dòng)畫(huà)效果，圖片從右側(cè)飛入 quot#div_pic ul liquoteqindexanimateleftquot0quot，500 * 下面是可配置輪播動(dòng)畫(huà)代碼 fnslide=functionoptions var defaults= affect1， 1上下滾動(dòng)。

if$index === 0 當(dāng)前為第一張輪播圖 quotbanquoteq$quotbanquotlength1addClassquotactivesiblingsquotbanquotremoveClassquotactivequot這里寫(xiě)成你自動(dòng)切換的代碼，我這里只是一個(gè)無(wú)動(dòng)態(tài)切換效果的方法。