小編給大家分享一下Swiper插件分頁器怎么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)公司是一家專業(yè)提供昆山企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、html5、小程序制作等業(yè)務(wù)。10年已為昆山眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進(jìn)行中。

1. 引入swiper.min.css

2. 引入query.min.js 和swiper.min.js

3. 分頁器以及輪播的一般樣式引用

4. html樣式：

    針對圖片
      

   
          

   
              

   
                                       src="img/retreat_03.jpg">
              

   
          

   
          

   
              

   

   
          

   
          

   
              

   

   
          

   
          

   
              

   

   
          

   
      

   
   針對分頁器
      

   
              
              
              
              
      

   
   

5. js部分

   var countrySwp = new Swiper('#article-slide', {
               pagination: '.swiper-aa',
               spaceBetween: 25,
               initialSlide: 0,
               slidesPerView: 'auto',
               centeredSlides: true,
               paginationClickable: true,
               paginationType:'bullets'
           })

以上是“Swiper插件分頁器怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司行業(yè)資訊頻道！

網(wǎng)頁標(biāo)題：Swiper插件分頁器怎么用-創(chuàng)新互聯(lián)
網(wǎng)頁地址：http://weahome.cn/article/dogoig.html