本文共 1652 字，大约阅读时间需要 5 分钟。

第一步 上代码

JS

var swiper = new Swiper(".news",{        pagination: ".news_lis",        paginationClickable: true,        slidesPerView: 4,        spaceBetween: 20,        nextButton: ".news-next",        prevButton: ".news-prev",        autoplay: 3000,        breakpoints: {            1200: {                slidesPerView: 3,                spaceBetween: 20            },            1024: {                slidesPerView: 3,                spaceBetween: 20            },            768: {                slidesPerView: 2,                spaceBetween: 20            },            640: {                slidesPerView: 1,                spaceBetween: 10            }        }    });

html

   
   
        
    
            
     
      Slide 1
     
            
     
      Slide 2
     
            
     
      Slide 3
     
            
     
      Slide 4
     
        
    
        
            
    
        
            
    
        
    
    
   

第二步分析

第三步 总结

你看过这篇文章后，你对swiper已经有个初步了解了！做一般常见项目已经可以游刃有余了！~！骚年！！！

转载地址：https://cplvfx.blog.csdn.net/article/details/77009755 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！