1、var t = n =0， count $documentreadyfunction count=$quot#banner_list aquotlength $quot#banner_list anotfirstchildquothide $quot#banner_infoquothtml$quot#banner_list afirstchildquotfindquotimgquotattr#39alt#39 $quot#banner_infoquotc；這個你可以用jquery SuperSlide 來實現(xiàn)， 文字滾動和圖片滾動沒有去區(qū)別 我發(fā)給你我的代碼 你改改里面的就行了 lt！ js 引入 lt！ js 代碼 document ready function jQueryquotfocusBoxquothover function jQuerythisfindquotprev，nextquots；lt！doctype htmljQuery圖片輪播代碼flexslider margin 0px auto 20px position relative width 100% height 482px overflow hidden zoom 1flexslider slides li width 100% height 100%flexdirectionnav a width 70px height 70px lineheight；使用 setInterval 方法即可設(shè)定輪播圖檔時間 setInterval 方法可按照指定的周期以毫秒計來調(diào)用函數(shù)或計算表達式setInterval 方法會不停地調(diào)用函數(shù)，直到 clearInterval 被調(diào)用或窗口被關(guān)閉由 setInterval 返回的 ID 值可用作 clearInterval 方法的參數(shù)語法 setIntervalcode，milli；網(wǎng)頁輪播圖主要包含三部分1輪播圖片2css和html代碼部分3輪播js代碼部分 下面的可以參考lt！DOCTYPE html Document swipercontainer width 790pxheight 340px lt！ 結(jié)構(gòu)以及class的類名不允許更改；你可以看看SuperSlide官網(wǎng)的示例，引入js基礎(chǔ)庫和slide插件的js，寫好dom結(jié)構(gòu)，加上樣式和js語句就可以了。

2、1首先是個外圍部分其實也就是最外邊的整體wrapper2接著就是你設(shè)置圖片輪播的地方也就是一個banner吧3然后是一個圖片組可以用新的div 也可以直接使用 ulli形式4然后是圖片兩端的左箭頭和右箭頭 5然后是一個透明背景層，放在圖片底部 6然后是一個圖片描述info層，放在透明背景；var i=0var l=$#39box a#39lengthvar ll=l1function sport #39box a#39eqishowsiblingshidei++ifi=l i=0 var t=setInterval#39sport#39，1000#39box#39hoverfunctionclearIntervalt，functiont=setInterval#39sport#39，1000；自己加五張圖片，然后lt！doctype html lt！聲明當前頁面的編碼集charset=gbk，gb2312中文編碼，utf8國際編碼 lt！當前頁面的三要素 騰訊課堂專業(yè)的在線教育平臺 lt！css，js margin0padding0 bodyfontsize12pxfontfamilyquot微軟雅黑quotcolor#666he；選擇圖片所在的div，再用animate方法先要設(shè)置圖片所在的div的樣式的position為 absolute它的父元素要相對定位；可以通過輸入代碼來操作這里的圖片輪播方法是我從網(wǎng)上參考的方法，只是自己做了一些改進，先來貼一發(fā)代碼lt！DOCTYPE HTML；bootstrap3制作輪播圖為什么不能全屏 這可能是因為原始圖像的大小不夠大通過增加圖片的大小時，它適合全屏，可以試試這個方法如何用Bootstrap制作輪播圖 工具材料 SublimeText 01 首先我們需要新建一個HTML5的文檔，然后在文檔中導入Bootstrap的樣式文件，這個文件中包含了輪播圖所有的樣式定義，如下圖所示。

3、對于你做的這個輪播滾動按照你這個寫法應該是沒有錯的，但是卻出不來效果，建議你進行單步驗證，比如有沒有觸發(fā)mouseenter，有沒有獲取到該元素的位置值n，有沒有獲取到觸發(fā)該事件的元素的兄弟姐妹元素等等另外一個方面，現(xiàn)在輪播的插件很多，沒必要自己弄網(wǎng)上找一個合適的，然后自己嵌入好自己的；documentreadyfunction var timer = null var pic = $quotpicquot var oUl = picchildrenquotulquot var aImg = picfindquotimgquot var imgWidth = parseFloatpiccssquotwidthquot picpropquotoffsetWidthquot oUlcssquotwidthquot， imgWidth *。

4、setInterval里面是5000時間 speed是控制沒5000ms運動的距離，可以控制快慢，這兩個都有關(guān)系的，一般修改5000這個值，小了就快了；好多都是用jquery框架寫的，當然你也可以用原生的寫，給你個鏈接2347html 原生的你可以參考下智能社的js視頻中講定時器的那幾集，然后你再改裝下即可。