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

創(chuàng)新互聯(lián)從2013年成立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都做網(wǎng)站、成都網(wǎng)站制作網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢想脫穎而出為使命，1280元麻山做網(wǎng)站,已為上家服務(wù),為麻山各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792

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)行業(yè)資訊頻道！