欢迎使用CSDN-markdown编辑器

移动端轮播图

最终效果(https://linglingxia.github.io/codes/rotateImg/index.html)

需要注意的有以下几点

• jquery动画不支持css3的动画属性,为了动画的连贯性,所有属性用js控制(主要是为了缩放)

• 移动端的事件,要用用原生的touchstart,touchmove,touchend事件

• 移动端获取鼠标焦点
  touchstart,touchmove(event.touches[0].clientX);
  touchend(event.changedTouches[0].clientX)

• 注意大图和小图移动的相对位置,左右看起来要连贯

注

示例图片来自大疆网官网,如若侵权请告知,本人将第一时间删除.