• Stars
    star
    123
  • Rank 290,145 (Top 6 %)
  • Language
    JavaScript
  • Created over 7 years ago
  • Updated over 6 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

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