js原生代码实现轮播图案例

　　我们见过很多通过不同的方式，实现这一效果，但是有很多比较麻烦，而且不容易理解，兼容性也不好。

　　在这里分享一下，用js原生代码，实现轮播图的常见效果！思比较清晰，而且可重复性高，也几乎包含了现在网页上轮播实现的所有效果！

　　3、css样式的设置，灵活性比较大，因为这要根据我们的页面来做具体设置和，下面的效果仅供参考！ 我们直接上代码：

　　/*这样的类名，在html中找不到，但是又起到了作用，所以只有可能是是在js中创建了这样的类名！*/

　　好了，到此我们的静态的效果已经搭建好，要想实现我们需要的功能js是我们的核心，下面我们就用原生的代码来实现它：

　　关键技术一：我们的轮播图要动起来，利用定时器现在自动滚动的效果，图片的转换牵涉到了层叠，最后我们再考虑到浏览器的兼容问题！

　　做到这些，是我们js的第一步。等等，因为几乎所有的轮播都要实现这些效果，如果我们再能做一个封装，随时调用，那是不是就太完美了，

　　{ //in是一个二元的运算符，给姨妹开苞意思是第一个操作数的值是第二个操作数的属性名，会返回true！

　　关键技术二：有了animate的封装函数， 为我们节省了不少的力气，可是我们面对不用的要求还要