可以參考下面的daima 3個(gè)div的統(tǒng)一class = #39div#39var index =03秒輪播一次 var timer = setIntervalfunction index = index == 2 ？ 0 index + 1某個(gè)div顯示，其他的隱藏 quotdivquothide。

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

下面是圖片輪播代碼 * var num = 0 function quot#div_pic ol liquotmouseoverfunctione thisattrquotclassquot，quotcurrentquotthissiblingsattrquotclassquot，quotquot 兄弟節(jié)點(diǎn)的class屬性設(shè)置為空。

1輪播圖片2css和html代碼部分3輪播js代碼部分 下面的可以參考lt！DOCTYPE html Document。

cookie#39the_cookie#39， #39the_value#39， expires 7 你這樣試試不設(shè)置路徑。

圖片輪播的話，有兩種方式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ò)定位方式，使圖片。

第一張顯示沒(méi)問(wèn)題，第二張以及之后的圖片顯示為空白首先，排除掉圖片路徑?jīng)]問(wèn)題如果有問(wèn)題，也不會(huì)網(wǎng)上提問(wèn)了初步判斷，css靜態(tài)定位錯(cuò)誤css樣式固定在了第一張圖片，第二，第三之后的css定位不到，則顯示空白即。

mouseover時(shí)清除一下計(jì)時(shí)器，并不需要調(diào)用showpicn因?yàn)槟闶髽?biāo)懸浮是想要停止自動(dòng)切換clearTimeoutt再幫一個(gè)moverout事件，里鼠標(biāo)移出重新開(kāi)始計(jì)數(shù)器。

我自己寫(xiě)的BS輪播加手勢(shì)滑動(dòng)，引入了一個(gè)插件，直接看代碼吧引入插件JS代碼$documentreadyfunction手勢(shì)右滑 回到上一個(gè)畫(huà)面$#39#myCarousel#39bind#39swiperight swiperightup swiperightdown#39，function。

將你的carousel類(lèi)設(shè)置固定寬高，并設(shè)置overflowhidden。

jQuery自動(dòng)適應(yīng)屏幕寬度滑動(dòng)輪播圖Divas Slider，當(dāng)前屏幕顯示三張圖片中間高亮顯示，左右滑動(dòng)切換，此插件最大特點(diǎn)就是可以根椐自動(dòng)適應(yīng)屏幕寬度，高度等比例縮放。

自己加五張圖片，然后lt！doctype html lt！聲明當(dāng)前頁(yè)面的編碼集charset=gbk，gb2312中文編碼，utf8國(guó)際編碼 lt！當(dāng)前頁(yè)面的三要素 騰訊課堂專(zhuān)業(yè)的在線教育平臺(tái) lt！css，js margin。

利用JQUERY來(lái)寫(xiě)，代碼示例 imgdisplayblock showboxwidth226pxheight160pxbordersolid 6px redmargin0 autooverflowhidden imgboxwidth904pxbordersolid 6px blue imgbox imgfloatleft。

charset=utf8quot 很早時(shí)候?qū)懙膄unction$ $fnpluginName = functionoptions 默認(rèn)配置var defaults = speed quot3000quot，flag true自動(dòng)輪播合并參數(shù)，把外部傳進(jìn)來(lái)的參數(shù)和defaults參數(shù)合并。

lt！DOCTYPE html 最簡(jiǎn)單的輪播廣告 body， div， ul， li margin 0padding 0 ul liststyletype body background #000textalign centerfont 12px20px Arial box positi。