前端旋转木马效果

轮播图，俗称“旋转木马”，前端设计经典的一个案例。

通常电商首页会使用轮播图或者旋转木马。

废话不多说，直接上代码。

主要逻辑：静态界面：中部是图片，左右分别是前进和后退按钮，下面是不同的页码。

功能分析：不操作时，界面会自动向某个防线滚动；点击左右上下按钮会切换，直接点击下面的页码会直接跳到对应界面中。

技术难点：页面切换的动画；点击按钮时默认的滚动暂停；第一个图片和最后一个图片的滚动；下面的页码按钮换成缩略图按钮。