---

swiper滑动滚动效果

---

    <div class="  swiper2 swiper " style="width:1200px; height:214px; overflow:hidden;">
      <div class='swiper-wrapper' >
 
      
          <div class="show_pic swiper-slide" style="margin-left:1px;"><a href=#>  
  
      </div>
     
    </div>

 

--------------------------------------------
<script>

 
 $(document).ready(function(){
 
 

     var mywiper2 = new Swiper(".swiper2", {
        slidesPerView: 4,//个数
    loop: true,
   width:1200,
   autoplay: 5000,
 
  
   slidesPerGroup: 2,

   step:2
   ,autoplayDisableOnInteraction: false,
   onSlideChangeEnd :function(){
      mywiper2.startAutoplay();
   
   }
      });
 

 
 
 });
 
</script>

 

参考网址 https://3.swiper.com.cn/

 

--------------------------------

---