需要引入的文件 :
containerID 字符串
默認值: 必需!(無默認值)
要分頁的項目的容器ID。它可以是UL,OL,DIV等。
first String || 假
默認值: false
在此參數中,您可以自定義導航中第一頁的按鈕。默認情況下,此參數設置為false,因此不會創建“第一個”按鈕。
要設置此按鈕的名稱,您只需將其作為字符串傳遞。
如果要使用自定義元素而不是自動生成的元素,則可以傳遞該元素的選擇器。
(在html里寫結構,把該結構的選擇器名作為參數傳入)
前一個String || 假
默認值: “←上一個”
與參數'first'相同,但是對於'previous'按鈕。
next String || 假
默認值: “下一步→”
與參數“第一”相同,但用於“下一步”按鈕。
last String || 假
默認值: false
與參數'first'相同,但是對於按鈕'last'。
startPage 整數
默認值: 1
應用插件時,您希望首先顯示的頁面。
perPage 整數
默認值: 10
每頁顯示的項目數。
midRange 整數
默認值: 5
一次顯示的頁面鏈接數,即,假設您有50頁,而不是顯示指向每個頁面的鏈接,我們在當前頁面周圍顯示一系列頁面。
只是一個注意,中間范圍值應該是一個奇數,所以顯示是對稱的,但它也可以是即使你喜歡。
例如 midRange設置為5
startRange 整數
默認值: 1
頁面鏈接的數量總是在導航的起點可見。例如,如果將startRange設置為3,則無論當前頁面是什么,頁面鏈接1,2和3將始終可見。
例如設置為4
endRange 整數
默認值: 1
網頁鏈接總數在nav的結尾處可見。
keyBrowse Boolean
默認值: false
如果將keyBrowse設置為true,則可以使用鍵盤左鍵和右鍵瀏覽這些頁面。
(鍵盤左右鍵控制切換頁面)
scrollBrowse Boolean
默認值: false
如果將scrollBrowse設置為true,當您將光標懸停在項目上時,可以使用滾輪在頁面之間瀏覽。
(滾輪左右鍵控制切換頁面)
pause 整數
默認值: 0
如果希望插件自動旋轉“頁面”,使用此參數可以控制每個“翻頁”之間的暫停時間長度(以毫秒為單位)。
當暫停設置為false或0(默認值)時,頁面不會自動旋轉。查看此處的自動旋轉示例。
(設置該參數有值可以自動切換,控制每個“翻頁”之間的時間)
clickStop 布爾值
默認值: true
如果您通過設置暫停值激活頁面輪換,則當用戶首次通過將clickStop設置為true時單擊導航鏈接時,可以停止自動翻頁。
如果您希望頁面繼續翻轉,請將其設置為false。
(當設置了pause時候,設置該值為true,點擊切換以后,頁面滾動會暫停)
delay 整數
默認值: 50
如果您希望頁面項目逐個顯示,您可以控制項目顯示與此參數之間的延遲(以毫秒為單位)。如果不設置任何值或將其設置為0,項目將同時顯示。
(每個單獨頁面之間顯示的時間的間隔)
direction字符串
默認值: “forward”
如果您在每個項目顯示之間設置一個延遲時間,您也可以選擇它們將出現的方向。
選項是: "forward", "backwards", "auto" or "random。
(設置了delay后,可以使用該參數控制他么延遲顯示出來的方向
)
animation 字符串
默認值: 空字符串(無CSS3動畫)
jPages與Animate.css完美配合,但您必須首先在頁頭添加此CSS3庫的鏈接。一旦你這樣做,你可以選擇任何入口動畫 - jPages只支持入口動畫。。
如果你沒有設置任何動畫或者如果瀏覽器不支持CSS3動畫,jPages將回退到jQuery fadeIn效果。您可以在參數“fallback”中自定義此效果的速度。
fallback 整數
默認值: 400
如果你沒有在參數“animation”中設置CSS3動畫,jPages會回退到jQuery fadeIn效果。您可以在此參數中計算淡入速度。你可以使用毫秒或字符串'fast','slow'和'normal'。
minHeight 布爾值
默認值: true
當翻頁發生時,一些項目將被隱藏,而其他項目將被顯示。如果您未設置容器的最小高度,您可能會在每次翻頁時感覺到一些高度折疊。如果將minHeight設置為true,它將自動設置項容器的最小高度以解決此問題。如果要自己設置此屬性的樣式,請將minHeight設置為false。
(設置容器最小高度)
回調函數
默認值: function(pages,items){}
在此參數中,您可以傳遞將在每次翻頁后運行的函數。此函數接收兩個參數(對象),其中包含有關頁面和項目的所有可用信息:
頁面對象屬性:
pages.current
當前頁碼
pages.interval
一個包含兩個屬性的對象 - interval.start和interval.end - 對應於導航中頁面的midRange邊緣。
pages.count
總頁數
項目對象屬性:
items.showing
當前顯示的項目的jQuery集合
items.oncomming
jQuery集合的項目在下一頁
items.range
一個包含兩個屬性的對象 - range.start和range.end - 對應於當前顯示的項目范圍。
items.count
項目總數
看看如何為這里的分頁創建一個圖例。