1、1在HTML頁(yè)面相應(yīng)的位置加入輪播的DIV層和內(nèi)容2在CSS加入你下載的輪播代碼的樣式表內(nèi)容3調(diào)用JSPS要添加在源碼中希望對(duì)您有幫助，望采納，多謝；推薦一個(gè)很好用的圖片輪播插件 flexslider js如下 css去下載就行先引入jquery 再用下面這段就可以 function quotflexsliderquotflexslider slideshowSpeed 4000， 展示時(shí)間間隔ms animationSpeed 400；我有代碼，如果不是學(xué)網(wǎng)頁(yè)的，我怕你看不懂lt！doctype htmljQuery圖片輪播代碼flexslider margin 0px auto 20px position relative width 100% height 482px overflow hidden zoom 1flexslider；footimer = setIntervalfoo，1000function foo quot#solid ul liquoteqnowsiblingscssquotdisplayquot，quotquotquot#solid ul liquoteqnowfadeIn400now++if now == total now = 0。

2、圖片輪播的話，有兩種方式1 通過(guò)js控制圖片的顯隱來(lái)實(shí)現(xiàn)輪播實(shí)現(xiàn)簡(jiǎn)單通過(guò)定時(shí)器切換圖片這種方式我博客里有關(guān)鍵代碼，可以百度以下內(nèi)容查看使用javascript，jquery實(shí)現(xiàn)的圖片輪播功能xyytIT2 通過(guò)定位方式，使圖片；jQuery自動(dòng)適應(yīng)屏幕寬度滑動(dòng)輪播圖Divas Slider，當(dāng)前屏幕顯示三張圖片中間高亮顯示，左右滑動(dòng)切換，此插件最大特點(diǎn)就是可以根椐自動(dòng)適應(yīng)屏幕寬度，高度等比例縮放。

3、你把整個(gè)ul想成是一張圖片，你要做的就是把ul左右移動(dòng)，然后在ul外面可以套一個(gè)div，樣式為overflowhidden，關(guān)于復(fù)位，你可以用％運(yùn)算，當(dāng)移動(dòng)到最后一個(gè)li的時(shí)候，跳到第一個(gè)li去；下面的數(shù)字其實(shí)是一個(gè)小列表ul li，你可以把li設(shè)置出邊框 設(shè)置borderradius屬性為50%，就能實(shí)現(xiàn)圓圈效果了123 libordersolid 1px purpleborderradius50%maginright10px 即可實(shí)現(xiàn)數(shù)字邊框變成圓形；lt！DOCTYPE html 最簡(jiǎn)單的輪播廣告 body， div， ul， li margin 0padding 0 ul liststyletype body background #000textalign centerfont 12px20px Arial box positi。

4、具體代碼如下lt！doctype html Document *margin0 padding0 liststyle wrapheight170px width490px margin60px auto；你開(kāi)個(gè)定時(shí)器，一秒換一個(gè)img的src不就行了隨便寫(xiě)了個(gè)new Vueelquot#appquot，datapicquotimages1jpgquot，quotimages2jpgquot，quotimages3jpgquot，quotimages4jpgquot，quotimages5jpgquot，iquot0quot，now；你是一開(kāi)始自動(dòng)播放就兩屏還是劃過(guò)之后自動(dòng)播放才變成兩屏 嘗試輸出一些信息，比如在show中輸出跟left有關(guān)的參數(shù)，看看是哪個(gè)參數(shù)決定了寬二倍，或者他可能輸出了兩次，看看是什么情況導(dǎo)致了show同時(shí)運(yùn)行兩遍，能否把控制臺(tái)的。

5、2然后在html的主體部分添加一個(gè)div標(biāo)簽，然后在該標(biāo)簽下添加一個(gè)img標(biāo)簽，并設(shè)置img的寬高3然后我們可以在html頭部標(biāo)題下添加css樣式代碼來(lái)控制div的顯示效果4接下來(lái)在body標(biāo)簽中添加js的事件onload，也就是加載該頁(yè)面的；如果不用無(wú)縫滾動(dòng)，那很簡(jiǎn)單呀，不用你寫(xiě)的這么復(fù)雜呀，直接幾行代碼就行了，就像選項(xiàng)卡一樣寫(xiě)呀點(diǎn)那個(gè)按鈕，對(duì)應(yīng)的圖就顯示就行了最簡(jiǎn)單的焦點(diǎn)圖你這些代碼太多余了。