HTML图片轮播

一、简介：

之前我也写过图片轮播的 文章，写的不是很详细只有效果图片展示及相应的代码展示，而且js代码也写得很乱。这一次我又重新学习了一遍图片轮播，并对它进行了代码整理让你们更容易理解

二、文件目录：

三、图片素材：

四、图片轮播得二种方式：

第一种：
使用background: url()设置标签背景的方式，通过js对css样式进行修改实现图片轮播

第二种：使用css样式margin-left实现图片轮播具有滑动效果

五、效果图：