Swiper自定義分頁(yè)，供大家參考，具體內(nèi)容如下

創(chuàng)新互聯(lián)建站于2013年成立，先為肇州等服務(wù)建站，肇州等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為肇州企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

最終實(shí)現(xiàn)效果圖：

HTML DEMO（官網(wǎng)例子）

 

  
Slide 1
  
Slide 2
  
Slide 3
 
 
 


 
 

 


 
 

1.設(shè)置導(dǎo)航按鈕

注：Sweiper 的導(dǎo)航按鈕及其他一些DOM結(jié)構(gòu)是可以放到“.swiper-container”之外的。

只需要按鈕的class對(duì)應(yīng)起來(lái)就OK。

2.設(shè)置自定義分頁(yè)器（參見(jiàn)上面配置）

1.pagination: '.pagination' 給分頁(yè)器一個(gè)容器，css類名選擇器
2.paginationType : 'custom' 設(shè)置分頁(yè)器自定義
3.paginationCustomRender:function(){} 設(shè)置自定義分頁(yè)器的內(nèi)容
4.給每個(gè)頁(yè)碼綁定跳轉(zhuǎn)到對(duì)應(yīng)頁(yè)碼的事件

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。