课程
/前端开发
/JavaScript
/焦点图轮播特效
如果不用JQ,直接用JavaScript可以实现淡入淡出轮播
2016-11-17
源自：焦点图轮播特效 3-1
正在回答
我不太清楚你说的意思，是滑动的时候淡入淡出，还是上下的淡入淡出，之前我们经理做过一个上下淡入淡出的。方法是给ul一个高度（等于图片容器li的高度）然后overflow：hidden，li的标签是默认的不浮动，这样每个li就会上下叠加在一起，且最后一个li会出现在我们视野里；第一次点击的时候让最后一个li的opacity通过一个动画从1过渡到0；让倒数第二个从0到1； 这样就实现了一次淡入淡出的轮播效果。会有临界点，就像这个老师讲的，到时候判断下就行了。原理是这样的，具体怎么做我也不知道，因为我还没试，懒人图库有好多，我一般都是用的时候复制个改改-.-
举报
通过本教程学习您将能掌握非常实用的焦点图轮播特效的制作过程
1 回答怎么在动画那段代码设置效果，例如淡入淡出
1 回答渐变的轮播图怎么实现呢？
2 回答怎么实现全屏banner的轮播图
1 回答请问全屏轮播div怎么实现
4 回答怎么做轮播图
