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

图片描述

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

阅读 4.4k
1 个回答

还是比较好实现的。

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

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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题