HTML中图片轮播代码如下lt！DOCTYPE htmllthtmlltheadlttitle图片轮播代码lttitleltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10，maximumscale=10，minimumscale=10，userscalable=0quotltheadltstyle type=quottextcssquot bodymaxwidth。

这个要用javascript来实现，它是一种脚本语言你要实现的效果叫“焦点图”，可以自行百度例如ltstyle type=quottextcssquot margin0pxpadding0px body margin 0padding 0fontsize 12pxlineheight200% a color#333textdecoration imgborder0px hot。

思路使用javascript定时器函数setTimeout每隔一定的毫秒间隔数执行动作，在执行的动作中循环替换图片的src属性树立演示如下1HTML结构 ltimg src=quot1pngquot id=quottestquot 2javascript代码 function changenifn5 n=1 一共5张图片，所以循环替换documentgetElementByIdquottestquot。

纯JS+HTML+CSS制作出的幻灯片效果 代码简单，思路讲解也很清晰，有详细demo示例 details53。

picTimer = setIntervalfunction showPicsindexindex++ifindex == len index = 0 ，4000 此4000代表自动播放的间隔，单位毫秒。

好多种类型的 ，今天给你写一下最简单的 1234 的 焦点图切换2首先电脑上 ps处理好 470PX * 150px的图片三四张为了方便观看效果最好三张以上处理完成后 如下图 放在同一个文件夹中 3电脑上安装好 Dreamweaver 软件 编写代码的我这里用的 DW cs55 4打开后开始编写代码 我的代码如下lt。