/mobile-swiper

移动端左右切换幻灯片组件

Primary LanguageJavaScript

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