欢迎点击「算法与编程之美」↑关注我们！

本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。

1 问题描述

       我们在浏览一些网站的时候，会看到许多精美的轮播图，这些轮播图为网站增添了许多活力，使得网站看起来不是那么的死气沉沉，这样就使得网站的人气和浏览量变高。可是网页上的轮播图究竟是怎么实现的呢？

2 问题分析

       我们目前所见到的网站大多是用H5+css+js所写出来的，H5用来搭建网页的大致框架，css和js则是为该网页添加修饰，让网页变得美观。那么如何用js来制作轮播图呢？

3 解决方案

首先是HTML5的部分：

一个轮播图首先需要左右翻页的按钮，提示页数的下标，和需要翻页的图片。

然后是css部分