1、最簡(jiǎn)單的輪播廣告 body， div， ul， li margin 0padding 0 ul liststyletype body background #000textalign centerfont 12px20px Arial box position relativewidth；如圖所示3這里是css文件代碼，上面是div和圖片顯示的效果代碼，后面是動(dòng)畫(huà)效果4這里是事件，這里定義了四個(gè)時(shí)間段的狀態(tài)，兼容了ie的5如圖所示這里是效果圖，會(huì)根據(jù)時(shí)間輪播顯示下一張圖片 了；主要用到Vant的輪播組件Swipe，SwipeItem，還用到了Vue的雙向綁定，以及vfor指令遍歷圖片數(shù)組內(nèi)容 Vant引入定義數(shù)據(jù)布局內(nèi)容這里寫(xiě)完后，查看效果發(fā)現(xiàn)輪播圖沒(méi)有居中，因?yàn)镾wipe自帶了邊界，需要在css中進(jìn)行清除swipeareaclea；這種屬于圖片輪播，一般情況下用于banner輪播圖可以用html，css，js來(lái)實(shí)現(xiàn)html 部分代碼 lt css部分代碼body，img，span，ul，limargin。

2、你開(kāi)個(gè)定時(shí)器，一秒換一個(gè)img的src不就行了隨便寫(xiě)了個(gè)new Vueelquot#appquot，datapicquotimages1jpgquot，quotimages2jpgquot，quotimages3jpgquot，quotimages4jpgquot，quotimages5jpgquot，iquot0quot，now。

3、需要一個(gè)固定寬高的div，然后將圖片放進(jìn)div里面，設(shè)置定時(shí)器，每次根據(jù)圖片下標(biāo)都向左或向右移動(dòng)一個(gè)圖片寬度的距離，輪播到最后一個(gè)的時(shí)候?qū)⑾聵?biāo)變成第一個(gè)圖片的下標(biāo)，就可以實(shí)現(xiàn)了；我這里有一個(gè)跟你要的效果一樣的 尺寸幫你改成800*235了 代碼挺簡(jiǎn)潔的下載附件解壓就可以用，非常方便祝樓主工作順利。

4、但是織夢(mèng)的輪播圖是用js代碼做的，他在前臺(tái)是用flash顯示，在做SEO的時(shí)候非常不方便，你可以用廣告代碼替換這個(gè)輪播圖，具體可以參考趙一鳴SEO博客中“參考資料”中的織夢(mèng)首頁(yè)模板嵌套視頻，在前半段講到織夢(mèng)banner圖替換的；你這項(xiàng)目最好用flash做，用JS做要不少小圖片定位與替換，不方便的；給你生成一段，拿代碼的話還不如自己弄套軟件，方便快捷，不用自己動(dòng)手軟件自己生成打算長(zhǎng)期做淘寶或者美工的話建議自己弄套；2在indexhtml中的script標(biāo)簽中，填入js代碼setInterval#39$quotimgquotattrquotsrcquot， quotsmall3pngquot#39， 10003瀏覽器進(jìn)入indexhtml頁(yè)面中，此時(shí)顯示出一張圖片4過(guò)1秒后，圖片自動(dòng)切換為另一張圖片了；當(dāng)然也可以使用一些現(xiàn)成的輪播圖插件，題主可以自己百度，這里對(duì)比舉例說(shuō)明一下settimeout和requestanimationframe的用法用setTimeout實(shí)現(xiàn)在控制臺(tái)循環(huán)輸出hello worldfunction fun consolelog#39hello world#39。

5、banner_boxwidth1920pxheight350pxpositionrelativeleft50%marginleft960px banner_box ul，banner_box limargin0padding0liststyle banner_box img boxshadow0 4px 6px #E8；box bannerquot ltionslide ltionslidebox lt！ end 輪播圖 ltionviewionic里面有官方模板 輪播圖也可以循環(huán)輪播。

6、原因會(huì)出現(xiàn)滾動(dòng)條的原因應(yīng)該是圖片寬造成的比如，我用了一個(gè) 2000*470 的圖片，理論上這個(gè)圖片放在瀏覽器上以后肯定是要出現(xiàn)橫向滾動(dòng)條的，那現(xiàn)在直接把你做好的圖片當(dāng)做背景來(lái)處理banner backgroundurlfile；推薦一個(gè)很好用的圖片輪播插件 flexslider js如下 css去下載就行先引入jquery 再用下面這段就可以 function quotflexsliderquotflexslider slideshowSpeed 4000， 展示時(shí)間間隔ms animationSpeed 400。