最近在研究手机端页面,其中有个简单的图片滑动效果,折腾了半天,于是我写了个小的demo,在此分享一下。
大概功能:自定义是否切换,支持滑动切换,循环切换等等,具体可以拿demo代码自己本地试试
大概思路:把当前张显示,上一张定位在最前面,下一张定义在最后面,其他隐藏,通过touchstart、touchmove、touchend 三个事件加上css3的transition变
化效果配合,实现滑动切换图片,效果类似于手机版京东的banner
开发是基于Zepto框架,当然也支持其他任何一款手机端框架,只需将代码中的美元符号$换为指定框架操作符即可。
下面是该效果的源码,明白思路的朋友可以自己封装成小插件 注意:只支持手机端哦
&l