欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

超好用的jQuery分頁插件jpaginate用法示例【附源碼下載】

 更新時間:2018年12月06日 12:01:23   作者:gaohj  
這篇文章主要介紹了超好用的jQuery分頁插件jpaginate用法,結(jié)合實(shí)例形式簡單分析了jQuery分頁插件jpaginate的基本調(diào)用方式、參數(shù)屬性及配置方法,并附帶源碼供讀者下載,需要的朋友可以參考下

本文實(shí)例講述了jQuery分頁插件jpaginate用法。分享給大家供大家參考,具體如下:

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

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

$(elementID).paginate()

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

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

來個直接點(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);
          }
});

官方示例的分頁顯示運(yùn)行效果如下:

jpaginate插件源碼可點(diǎn)擊此處本站下載。

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《jQuery擴(kuò)展技巧總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery常見經(jīng)典特效匯總》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)

希望本文所述對大家jQuery程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • 獲取jqGrid中選擇的行的數(shù)據(jù)

    獲取jqGrid中選擇的行的數(shù)據(jù)

    本文主要介紹了獲取jqGrid中選擇的行的數(shù)據(jù)的語法和獲取簡例,需要的朋友可以看下
    2016-11-11
  • jQuery之DOM對象和jQuery對象的轉(zhuǎn)換與區(qū)別分析

    jQuery之DOM對象和jQuery對象的轉(zhuǎn)換與區(qū)別分析

    這篇文章主要介紹了jQuery之DOM對象和jQuery對象的轉(zhuǎn)換與區(qū)別分析,對比分析了DOM對象和jQuery對象的原理與用法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-01-01
  • jQuery pagination分頁示例詳解

    jQuery pagination分頁示例詳解

    這篇文章主要為大家詳細(xì)介紹了jQuery pagination分頁示例,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2018-10-10
  • 基于jquery實(shí)現(xiàn)點(diǎn)擊左右按鈕圖片橫向滾動

    基于jquery實(shí)現(xiàn)點(diǎn)擊左右按鈕圖片橫向滾動

    點(diǎn)擊左右按鈕圖片橫向滾動jquery,一次滾動四個,圖片滾動完成,自動回到第一個版面,效果相當(dāng)不錯,感興趣的前端工程師們可以參考下
    2013-04-04
  • JQuery節(jié)點(diǎn)元素屬性操作方法

    JQuery節(jié)點(diǎn)元素屬性操作方法

    這篇文章主要介紹了JQuery節(jié)點(diǎn)元素屬性操作方法,實(shí)例分析了attr與removeAttr方法操作節(jié)點(diǎn)元素屬性的相關(guān)使用技巧,需要的朋友可以參考下
    2015-06-06
  • 淺談jquery上下滑動的注意事項(xiàng)

    淺談jquery上下滑動的注意事項(xiàng)

    下面小編就為大家?guī)硪黄猨query上下滑動的注意事項(xiàng)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-10-10
  • jQuery ready()和onload的加載耗時分析

    jQuery ready()和onload的加載耗時分析

    這篇文章主要介紹了jQuery ready()和onload的加載耗時,結(jié)合實(shí)例形式對比分析了jQuery中的ready()和JavaScript的window.onload進(jìn)行頁面加載的時間,需要的朋友可以參考下
    2016-09-09
  • jQuery Validate表單驗(yàn)證入門學(xué)習(xí)

    jQuery Validate表單驗(yàn)證入門學(xué)習(xí)

    這篇文章主要介紹了jQuery Validate表單驗(yàn)證入門知識,該插件捆綁了一套有用的驗(yàn)證方法,包括 URL 和電子郵件驗(yàn)證,同時提供了一個用來編寫用戶自定義方法的 API,感興趣的小伙伴們可以參考一下
    2015-12-12
  • ToolTips JQEURY插件之簡潔小提示框效果

    ToolTips JQEURY插件之簡潔小提示框效果

    本來不想寫成JQ的插件的,不過貌似不用JQ的話,引用起來沒有這么方便。以前也寫過一些小小的JS方法,但是寫JQ插件是第一次
    2011-11-11
  • jQuery中unwrap()方法用法實(shí)例

    jQuery中unwrap()方法用法實(shí)例

    這篇文章主要介紹了jQuery中unwrap()方法用法,實(shí)例分析了unwrap()方法的定義、功能及移除匹配元素父元素的使用技巧,需要的朋友可以參考下
    2015-01-01

最新評論