第一張顯示沒問題，第二張以及之后的圖片顯示為空白首先，排除掉圖片路徑?jīng)]問題如果有問題，也不會網(wǎng)上提問了初步判斷，css靜態(tài)定位錯誤css樣式固定在了第一張圖片，第二，第三之后的css定位不到，則顯示空白即；可以參考下面的daima 3個div的統(tǒng)一class = #39div#39var index =03秒輪播一次 var timer = setIntervalfunction index = index == 2 ？ 0 index + 1某個div顯示，其他的隱藏 quotdivquothide；下面是圖片輪播代碼 * var num = 0 function quot#div_pic ol liquotmouseoverfunctione thisattrquotclassquot，quotcurrentquotthissiblingsattrquotclassquot，quotquot 兄弟節(jié)點的class屬性設(shè)置為空；* $#39lieq0#39mouseenterfunction $thiscss#39background#39，#39red#39 $#39lieq0#39mouseoutfunction $thiscss#39background#39，#39#39 * $#39li#39hoverfunction * css#39backgrou。

鼠標滑過是否暫停輪播圖 animationStart function 每個輪播圖切換前回調(diào)，這個應(yīng)該是顯示圖片說明文字 $#39caption#39animate bottom35 ，100 ， animationComplete functioncurrent；自己加五張圖片，然后lt！doctype html lt！聲明當前頁面的編碼集charset=gbk，gb2312中文編碼，utf8國際編碼 lt！當前頁面的三要素 騰訊課堂專業(yè)的在線教育平臺 lt！css，js margin；輪播控制器JavaScript，這段js引入需要jQuery的支持，所以先引入它 functionwin，doc，undefined var zturn=functionturn thisturn=turn thiszturn=$quot#quot+turnid thisX=0 thiszturnitem=quotztu；#big_imgboxquotstopquot#big_imgboxquotanimateleft#39845#39*dog_i+#39px#39ifdog_iltdog_countdog_i++elsedog_i=0 移動焦點圖的主函數(shù)當m_over為true的時候主函數(shù)運行，焦點圖輪播。

setInterval 方法會不停地調(diào)用函數(shù)，直到 clearInterval 被調(diào)用或窗口被關(guān)閉由 setInterval 返回的 ID 值可用作 clearInterval 方法的參數(shù)語法 setIntervalcode，milliseccode 要調(diào)用的函數(shù)或要執(zhí)行的代碼串；3簡單的代碼示例如下lt！DOCTYPE html jquery輪播效果圖 * padding 0px margin 0px a textdecoration ul liststyle outside slider， sl。

網(wǎng)頁上的圖片輪播放效是通過 Jquery技術(shù)實現(xiàn)的，JQuery技術(shù)依賴的編程語言是JavaScript這個效果你不用自己去寫，可以在網(wǎng)上搜索“JS代碼特效”，下載來修改一下CSS的尺寸就可以了。

1輪播圖片2css和html代碼部分3輪播js代碼部分 下面的可以參考lt！DOCTYPE html Document；HTML中的圖片輪播怎么做可以上jquery插件庫這個網(wǎng)站看看，大部分資源是免費的輪播圖也有好多bootstrap也提供輪播模板自己寫的話，假如放3張輪播圖，pic1，pic2，pic3創(chuàng)建一個ul，ul中放5張圖片，順序是pic3，pic1。

如圖所示3這里是css文件代碼，上面是div和圖片顯示的效果代碼，后面是動畫效果4這里是事件，這里定義了四個時間段的狀態(tài)，兼容了ie的5如圖所示這里是效果圖，會根據(jù)時間輪播顯示下一張圖片 了；Html網(wǎng)頁顯示js輪播圖 lt！輪播圖js文件 lt！ function * lt！調(diào)用Luara * quotexamplequotluarawidthquot980quot，heightquot291quot，interval2500，selectedquotseletedquot，derictionquotleftquot；需要一個固定寬高的div，然后將圖片放進div里面，設(shè)置定時器，每次根據(jù)圖片下標都向左或向右移動一個圖片寬度的距離，輪播到最后一個的時候?qū)⑾聵俗兂傻谝粋€圖片的下標，就可以實現(xiàn)了。