touchSwiper

功能描述

  1. 可自动、手动的匀速无限滚动轮播图

依赖的模块

  1. 不需要依赖，纯原生JS

快速使用

  1.  <div id="list1" class="">
  2.     <ul class="" style="-webkit-transform:translateX(0px)">
  3.       <li class="fl">
  4.         <img class="logo" src="http://pic1.win4000.com/wallpaper/c/53cdd1f7c1f21.jpg">
  5.         <div class="text-center">皮阿诺</div>
  6.       </li>
  7.       <li class="fl">
  8.         <img class="logo" src="http://pic1.win4000.com/wallpaper/c/53cdd1f7c1f21.jpg">
  9.         <div class="text-center">皮阿诺</div>
  10.       </li>
  11.       <li class="fl">
  12.         <img class="logo" src="http://pic1.win4000.com/wallpaper/c/53cdd1f7c1f21.jpg">
  13.         <div class="text-center">皮阿诺</div>
  14.       </li>
  15.     </ul>
  16.   </div>
  1.   var swiper = new tSwiper('list1') // list1必须是id
  2.   swiper.stop(); // 暂停滚动
  3.   swiper.start(); // 回复滚动

特别说明

  1. 本模块只提供功能，并不提供样式。所以上面部分的html代码为使用者自己的代码。请使用者严格遵守上述代码格式（文字部分不是必须）。
  2. 用例详见index.html。