用四种方法实现轮播图

1、css3动画实现的轮播图

实现原理如下：

1、设置大的div a)设置绝对定位，定位位置； b)设置图片展示出来的高度和宽度（height和width）； c)设置overflow:hidden;设置超出部分隐藏；使得图片只能在这个框中显示；
2、设置小的div,将所有图片都包起来；宽度是所有图片的宽度；设置position:relative // position:absolute 来让它可以实现轮播的功能；必不可少。（自己的理解，设置大div和小div 的position,来让div浮起来，脱离文档流，就像云一样，可以飘了~）
3、给里面的图片设置float:left;向左浮动，可以让所有图片都在同一行；如果没有float:left；会导致图片轮播的时候出现空白；
4、加入动画；每次都向左偏移一个图片的宽度，即可实现图片轮播；
5、将第一张图片与最后一张图片设置成一样的，是为了实现视觉上的无缝连接；

代码：

2、bootstrap框架

知识点：&