安安静静

web前端工程师 | 无

为你千千万万遍

赞

5

|

搜索文章

原生JS实现轮播图--第二章动画实现

样式构成与上一节相似，这里稍做调整，便不再赘述。轮播图的动画效果，就是图片按照规定的方向，不停滚动以展示每一张图片，同时还可以通过点击以改变原本的展示顺序。实现有一下几点：功能整合。图片自行滚动务必就要使用到定时器setInterval或者setTimeout，使得移动函…

6年前
9.9k
89
4

原生JS实现轮播图--第二章动画实现

原生JS实现轮播图--第一章图片展示

首先实现一个功能时，要从整体考虑，将大功能分解为多个小功能，在轮播图的实现中，首先最直观的，是展示出来的和未展示出来的足多张图片、可点击的多个按钮和底部提示圆点，这三部分；其次是在不进行任何操作的情况下，图片会自动朝一个方向循环滚动；最后是点击不同的按钮，图片会朝不同的方向滚动…

6年前
2.1k
28
6

原生JS实现轮播图--第一章图片展示

个人成就

文章被点赞 117

文章被阅读 12,010

加入于

2018-06-20