移动端左右切换幻灯片组件
mobile-swiper
经常会用到移动端左右切换幻灯片组件,今天提取了一个简易的方便后续使用。组件无任何依赖直接即可以使用。
DEMO中使用了 touchstart
和 touchend` 事件,所以仅适用于移动端
直接调用以下代码
new mobileSwiper("#selector");
要求 #selector
是以下结构:
<ul id="selector"> <li> <img src="//jdc.jd.com/img/216x264?color=fff&text=1"> </li> <li> <img src="//jdc.jd.com/img/216x264?color=f00&text=1"> </li> <li> <img src="//jdc.jd.com/img/216x264?color=ff0&text=1"> </li> <li> <img src="//jdc.jd.com/img/216x264?color=f0f&text=1"> </li> <li> <img src="//jdc.jd.com/img/216x264?color=333&text=1"> </li> </ul>
具体可以查看: DEMO
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。