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

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

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

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

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

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