84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
如图片，截图的一部分，这些图片都是在一个ul中，假如有25张图片。 初始画面是显示了10个图片，当点击更多按钮的时候，10张图片整体向上滚动隐藏。从下面在滚动是10张图片。一次只能显示10张。再点击一次，就显示5张图片。最后点击，又回到初始状态 这样的效果是怎么做的。求大家讲解一下。没有思路
首先控制父亲容器position:relative，top:0,left:0,transition:all .5
第一次点击负十张图片的高度
第二次点击负二十张图片的高度
.....
其他同理
最后一次 ：top:0
是不是那种四张图片轮播呀？原理
楼上正解，一般轮播都是这个思路，首先父级是超出隐藏的，之后就是一直调整高度就ok了
楼上正解，一般轮播都是这个思路，另外css的动画效果也不错，也推荐用js jq动画来写 会体验更好
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
首先控制父亲容器position:relative，top:0,left:0,transition:all .5
第一次点击负十张图片的高度
第二次点击负二十张图片的高度
.....
其他同理
最后一次 ：top:0
是不是那种四张图片轮播呀？原理
楼上正解，一般轮播都是这个思路，首先父级是超出隐藏的，之后就是一直调整高度就ok了
楼上正解，一般轮播都是这个思路，另外css的动画效果也不错，也推荐用js jq动画来写 会体验更好