本文介绍了如何实现手机端图片滑动切换效果，包括自定义切换、滑动切换和循环切换等功能。通过监听touchstart、touchmove、touchend事件，结合CSS3的transition效果，利用Zepto框架（或其他手机端框架）实现类似手机版京东banner的滑动体验。提供源码供开发者参考，需要注意只适用于手机端。
最近在研究手机端页面，其中有个简单的图片滑动效果，折腾了半天，于是我写了个小的demo，在此分享一下。
大概功能：自定义是否切换，支持滑动切换，循环切换等等，具体可以拿demo代码自己本地试试
大概思路：把当前张显示，上一张定位在最前面，下一张定义在最后面，其他隐藏，通过touchstart、touchmove、touchend 三个事件加上css3的transition变
化效果配合，实现滑动切换图片，效果类似于手机版京东的banner
开发是基于Zepto框架，当然也支持其他任何一款手机端框架，只需将代码中的美元符号$换为指定框架操作符即可。
下面是该效果的源码，明白思路的朋友可以自己封装成小插件 注意：只支持手机端哦
&l
最低0.47元/天 解锁文章
529
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
