touchSwiper

功能描述

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

依赖的插件

不需要依赖,纯原生JS

快速使用

 <div id="list1" class="">
    <ul class="" style="-webkit-transform:translateX(0px)">
      <li class="fl">
        <img class="logo" src="http://pic1.win4000.com/wallpaper/c/53cdd1f7c1f21.jpg">
        <div class="text-center">皮阿诺</div>
      </li>
      <li class="fl">
        <img class="logo" src="http://pic1.win4000.com/wallpaper/c/53cdd1f7c1f21.jpg">
        <div class="text-center">皮阿诺</div>
      </li>
      <li class="fl">
        <img class="logo" src="http://pic1.win4000.com/wallpaper/c/53cdd1f7c1f21.jpg">
        <div class="text-center">皮阿诺</div>
      </li>
    </ul>
  </div>
  var swiper = new tSwiper('list1') // list1必须是id
  swiper.stop(); // 暂停滚动
  swiper.start(); // 回复滚动

特别说明

本插件只提供功能,并不提供样式。所以上面部分的html代码为使用者自己的代码。请使用者严格遵守上述代码格式(文字部分不是必须)。
用例详见index.html。
是否仍需要帮助? 请保持联络!
最后更新于 2024/10/21