这种移动端轮播图的实现方法是怎样?


图片描述

这种移动端的轮播图效果实现方法

css3 JavaScript css3动画

sunmoon 9 years, 3 months ago

还是比较好实现的。

  1. 操作只有两个,左滑或者右滑,这个使用touchmove事件,通过touches点的坐标,可以判断出方向。

  2. 确定方向后,显示勾或者x,从图片看上去是一个淡入淡出的效果

  3. 然后是图片移动和后面的图片前进

动态的效果可以使用transition和animation 属性完成

这里有一个参考 http://www.meilapp.com/nymph/show/

湛泸剑EX answered 9 years, 3 months ago

Your Answer