超详细轮播图，让你彻底明白轮播图！

超详细轮播图，让你彻底明白轮播图！

 个人博客地址：http://www.zhsh666.xyz/

刚开始学JavaScript时候很多新手都会尝试写一些简单的小项目，轮播图应该是写的最多的。但是很多时候对于基础不是很好的新手，虽然参照别人的代码能写出来一些轮播图，但其中的一些细节和过程可能还是一知半解甚至不懂，我作为一个新手刚刚写了几种常见的轮播图，里面的各种细节也花了不少时间弄懂，这里为大家介绍一种简单易懂且很完善的轮播图写法。里面的细节我会一一详细说明，希望和各位初入JavaScript的小伙伴一起进步。

　　轮播图的思路其实很简单：就是用JavaScript来控制轮播的图片的样式，可以控制display：none or block 可以控制opacity：‘0’ or ‘1’ 也可以通过z-index来控制图片的摆放顺序。(注意：这里的图片一般是通过绝对定位放在一个div盒子里面，图片堆叠在一起)。思路很清晰，那么我们就来看看代码(代码是本人自己手写的)。具体细节我会在代码中一一解释： 

 

这就是最基本的轮播图，效果基本没有什么问题。通用性强。