图片轮播的实现（详解两种方法）

今天带来的是前端里图片轮播的实现，可以说，这两种方法都很简单，尤其第一种，只要是有点基础的应该都可以看懂，这也是小编花费了一定时间想到的代码较少的方式。（图片我放在文末了）

当然也有更复杂的图片，也会有人说第一种方法无法实现链接跳转，其实我只是实现了图片轮播，如果可以做的到轮播，相信聪明的你也可以做到链接跳转的。第二种方法就完全可以加上链接跳转，但是相对第一种方法，第二种理解起来更复杂，但其实只要学会了浮动和层的概念就可以看懂，很像PS中的层的概念。

1、通过背景实现（带按钮变换图片）

首先，是主体部分：

然后看看style设置：

最后是js部分（这是精髓）：

2、通过浮动实现（不带按钮，也可以实现带按钮，看懂了第一种你可以自己动手写入按钮）

主体部分：

style部分：

js部分：

图片如下：