今天就跟大家聊聊有關(guān)如何在jQuery中使用jpaginate分頁插件，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站設(shè)計(jì)、做網(wǎng)站、隆子網(wǎng)絡(luò)推廣、小程序開發(fā)、隆子網(wǎng)絡(luò)營銷、隆子企業(yè)策劃、隆子品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供隆子建站搭建服務(wù)，24小時(shí)服務(wù)熱線：13518219792，官方網(wǎng)址：www.cdcxhl.com

jpaginate是一個(gè)自帶滑動(dòng)動(dòng)畫效果的jQuery分頁插件，用戶可以通過單擊或只是懸停在箭頭上的使頁碼滑動(dòng)顯示。

你可以用下面的方式調(diào)用插件：

$(elementID).paginate()

您可以通過一下屬性來配置插件：

count：頁面總數(shù)
start：默認(rèn)選中頁碼
display：可見頁碼數(shù)量
border：邊框（true/false）
border_color：邊框顏色：
text_color：文本的顏色/號(hào)碼
background_color：背景顏色
border_hover_color：邊框懸停時(shí)顏色
text_hover_color：文本懸停時(shí)顏色
background_hover_color：背景懸停時(shí)顏色
images：箭頭的背景圖片（true/false）
mouse：鼠標(biāo)拿下的動(dòng)畫效果（press/slide）
onChange：當(dāng)點(diǎn)擊一個(gè)網(wǎng)頁。作為參數(shù)，單擊“單擊”的頁面的數(shù)目可以被使用。

來個(gè)直接點(diǎn)的代碼，更容易看。

$("#pagination0").paginate({
  count         : 50,
  start         : 1,
  display         : 7,
  border      : false,
  text_color     : '#888',
  background_color    : '#EEE',
  text_hover_color   : 'black',
  background_hover_color  : '#CFCFCF',
  rotate       : true,
  images      : false,
    mouse      : 'press',
  onChange       : function(page){
          list(page-1,pageSize);
          }
});

看完上述內(nèi)容，你們對如何在jQuery中使用jpaginate分頁插件有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。