淡化轮播

轮播动画

这次来展示我做的一个粗糙的轮播，分享下自己的成果。当然做的不是很好，有兴趣的可以拿去试试。

一、知识点

1.我写的这个轮播呢并不难。主要就是淡化效果、自动切换。其中切换需要记录当前位置，因此进行循环。
2。淡化效果。实现轮播的淡化效果方法有很多种。我的这个方法呢，通过css改变透明度，再用js来调控。
一开始透明度为零，通过删除增加id调控。这里面还用了过渡和transform属性，transform在这用来增加缩放效果。

下面的是用函数通过循环删除和增加id。
3.切换图片。首先用索引index记录当前位置，其次用自动播放函数。运用计时器进行切换。

二、展示

轮播

三、源码

1.html


2.css


3.js.首先就是获取数据，用index记录当前位置。这些我就不拉出来了。

这次就到这里了，希望对博友门有帮助。