5种jQuery 分页

各个效果的使用示例代码：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71

$(function() {     $("#demo1").paginate({         count       : 100,         start       : 1,         display     : 8,         border                  : true,         border_color            : '#fff',         text_color              : '#fff',         background_color        : 'black',          border_hover_color      : '#ccc',         text_hover_color        : '#000',         background_hover_color  : '#fff',         images                  : false,         mouse                   : 'press'     });     $("#demo2").paginate({         count       : 50,         start       : 5,         display     : 10,         border                  : false,         text_color              : '#888',         background_color        : '#EEE',           text_hover_color        : 'black',         background_hover_color  : '#CFCFCF'     });     $("#demo3").paginate({         count       : 50,         start       : 20,         display     : 12,         border                  : true,         border_color            : '#BEF8B8',         text_color              : '#68BA64',         background_color        : '#E3F2E1',            border_hover_color      : '#68BA64',         text_hover_color        : 'black',         background_hover_color  : '#CAE6C6',         rotate      : false,         images      : false,         mouse       : 'press'     });     $("#demo4").paginate({         count       : 50,         start       : 20,         display     : 12,         border                  : false,         text_color              : '#79B5E3',         background_color        : 'none',           text_hover_color        : '#2573AF',         background_hover_color  : 'none',         images      : false,         mouse       : 'press'     });     $("#demo5").paginate({         count       : 10,         start       : 1,         display     : 7,         border                  : true,         border_color            : '#fff',         text_color              : '#fff',         background_color        : 'black',          border_hover_color      : '#ccc',         text_hover_color        : '#000',         background_hover_color  : '#fff',         images                  : false,         mouse                   : 'press',         onChange                : function(page){                                     $('._current','#paginationdemo').removeClass('_current').hide();                                     $('#p'+page).addClass('_current').show();                                   }     }); });