HTML中的图片轮播怎么做？

可以上jquery插件库这个网站看看，大部分资源是免费的。轮播图也有好多。

bootstrap也提供轮播模板。

自己写的话，假如放3张轮播图，pic1，pic2，pic3。创建一个ul，ul中放5张图片，顺序是pic3，pic1，pic2，pic3，pic1，这样衔接起来。设置ul的宽度是500%，li的宽度是20%，这样图片就能一字排开，设置ul的父元素的样式为overflow:hidden再用CSS3的动画属性，让li中的图片元素位移或者让ul位移。

1、网页要加载2个js，也就是jquery，载入的顺序尽量不要调动，否则可能发生错误

2、接着在网页的body内加上以下代码，其中的<div class=”show”></div>是采用css背景图片的方式呼叫出图片，如果习惯用img语法，也可以全部改成img语法输出图片，这样可以简化CSS的部分，但相对的html页面就会比较多代码

3、接着就要准备图片(图片大小为600*450)写CSS

4、写入入第一段的#sider的CSS，对应到HTML的<div id=”slider”>语法中设定了区块的高和宽；接着下方的.show1这边对应的就是<div class=”show1″>

4、需要设定图片轮播的速度与特效，如果特效使用fade，在</head>标签之前加上代码

第5步  回到网页，就会看到特效。

---