Skip to content

leeenx/mobile-swiper

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published