自己动手写原生的轮播图
目标:
-
结构生成（只有一个外层div.swiper
-
速度可控（
-
效果可控（淡入，翻转，左移、上移、下移
左移、上移、下移的效果需要注意在 循环模式 最后一张跟第一张之间的过渡
-
循环模式（无限循环
-
移动方式（offset，改变CSS值
-
事件交互（鼠标
-
起始位置可控（可指定从第几张开始轮播
-
分页器（分页按钮，可点击跳转到对应的位置
-
切换按钮
-
兼容（兼容到IE8， 请试着用大图，添加十多个轮播项在看看
-
显示个数可控，（分组，一屏显示几个轮播图
-
滑动个数可控（一次滑动几个轮播图
-
回调（切换到下一张，轮播完成...
-
事件交互（手指滑动
-
页面多个轮播图可共存，不冲突
-
懒加载