Swiper

 

Swiper2  支持ie8

api地址:http://2.swiper.com.cn/api/index.html

基本框架:

<div class="swiper-container">
  <div class="swiper-wrapper">
    <div class="swiper-slide">slider1</div>
    <div class="swiper-slide">slider2</div>
    <div class="swiper-slide">slider3</div>
  </div>
</div>
<script> 
var mySwiper = new Swiper('.swiper-container',{
   autoplay : 5000,//可选选项,自动滑动
  loop : true,//可选选项,开启循环

onSlideChangeEnd: function(swiper){ alert('事件触发了;'); } }) </script>

下载地址:http://2.swiper.com.cn/download/index.html

 


 

Swiper3  高版本浏览器和手机端

api地址:http://www.swiper.com.cn/api/index.html

 

<div class="swiper-container">
  <div class="swiper-wrapper">
    <div class="swiper-slide">slider1</div>
    <div class="swiper-slide">slider2</div>
    <div class="swiper-slide">slider3</div>
  </div>
</div>
<script> 
var mySwiper = new Swiper('.swiper-container', {
    autoplay: 5000,//可选选项,自动滑动
})
</script>

 

下载地址:http://www.swiper.com.cn/download/index.html

 

posted @ 2017-05-08 21:52  Shimily  阅读(110)  评论(0)    收藏  举报