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

用ltmarquee标签实现，html代码示例如下 lthtmlltheadlttitle文字滚动示例lttitleltheadltbody ltdiv 水平滚动ltmarquee direction=quotleftquot align=quotbottomquot height=quot25quot width=quot100%quot onmouseout=quot。

在第五个div 标签内的 datawidgetconfig=“ quot 里添加 #39duration#3920，#39interval#3950， 注意逗号分隔interval后的数字是图片切换的时间 5 秒 duration是效果持续的时间 2 秒。

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

html轮播图定时器自动切换原理是触发事件更换图片根据查询相关公开信息显示，加入定时器，自动触发事件更换图片，图片存储在一个数组内，更换图片就是更换数组索引从而达到效果。

可以通过输入代码来操作这里的图片轮播方法是我从网上参考的方法，只是自己做了一些改进，先来贴一发代码lt！DOCTYPE HTMLlthtmlltheadltlink rel=quotstylesheetquot type=quottextcssquot href=quotcssinit2cssquotltscript。