淡入淡出轮播又是怎么实现的呢？-慕课网

首页课程实战体系课手记专栏慕课教程

淡入淡出轮播又是怎么实现的呢？

来源：3-1 箭头切换

qq_青春无悔_2

2016-11-17 22:14

如果不用JQ,直接用JavaScript可以实现淡入淡出轮播

写回答关注

1回答

HAVGO

2016-11-18 14:42:16

我不太清楚你说的意思，是滑动的时候淡入淡出，还是上下的淡入淡出，之前我们经理做过一个上下淡入淡出的。方法是给ul一个高度（等于图片容器li的高度）然后overflow：hidden，li的标签是默认的不浮动，这样每个li就会上下叠加在一起，且最后一个li会出现在我们视野里；第一次点击的时候让最后一个li的opacity通过一个动画从1过渡到0；让倒数第二个从0到1；这样就实现了一次淡入淡出的轮播效果。会有临界点，就像这个老师讲的，到时候判断下就行了。原理是这样的，具体怎么做我也不知道，因为我还没试，懒人图库有好多，我一般都是用的时候复制个改改-.-

0 0

焦点图轮播特效

通过本教程学习您将能掌握非常实用的焦点图轮播特效的制作过程

65296 学习 · 611 问题

相似问题

怎么在动画那段代码设置效果，例如淡入淡出

回答 1

渐变的轮播图怎么实现呢？

回答 1

怎么实现全屏banner的轮播图

回答 2

请问全屏轮播div怎么实现

回答 1

怎么做轮播图

回答 4

打开慕课网App查看更多内容