輪播控制器JavaScript，這段js引入需要jQuery的支持，所以先引入它 functionwin，doc，undefined var zturn=functionturn thisturn=turn thiszturn=$quot#quot+turnid thisX=0 thiszturnitem=quotztu。

用ltmarquee標簽實現(xiàn)，html代碼示例如下 lthtmlltheadlttitle文字滾動示例lttitleltheadltbody ltdiv 水平滾動ltmarquee direction=quotleftquot align=quotbottomquot height=quot25quot width=quot100%quot onmouseout=quot。

在第五個div 標簽內(nèi)的 datawidgetconfig=“ quot 里添加 #39duration#3920，#39interval#3950， 注意逗號分隔interval后的數(shù)字是圖片切換的時間 5 秒 duration是效果持續(xù)的時間 2 秒。

lthtml lthead ltmeta charset=quotUTF8quot ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10quot ltmeta。

html輪播圖定時器自動切換原理是觸發(fā)事件更換圖片根據(jù)查詢相關(guān)公開信息顯示，加入定時器，自動觸發(fā)事件更換圖片，圖片存儲在一個數(shù)組內(nèi)，更換圖片就是更換數(shù)組索引從而達到效果。

可以通過輸入代碼來操作這里的圖片輪播方法是我從網(wǎng)上參考的方法，只是自己做了一些改進，先來貼一發(fā)代碼lt！DOCTYPE HTMLlthtmlltheadltlink rel=quotstylesheetquot type=quottextcssquot href=quotcssinit2cssquotltscript。