pageGroup.js 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. // JavaScript Document
  2. $(function(){
  3. //根据总页数判断,如果小于5页,则显示所有页数,如果大于5页,则显示5页。根据当前点击的页数生成
  4. var pageCount = 11;//模拟后台总页数
  5. //生成分页按钮
  6. if(pageCount>5){
  7. page_icon(1,5,0);
  8. }else{
  9. page_icon(1,pageCount,0);
  10. }
  11. //点击分页按钮触发
  12. $("#pageGro li").live("click",function(){
  13. if(pageCount > 5){
  14. var pageNum = parseInt($(this).html());//获取当前页数
  15. pageGroup(pageNum,pageCount);
  16. }else{
  17. $(this).addClass("on");
  18. $(this).siblings("li").removeClass("on");
  19. }
  20. });
  21. //点击上一页触发
  22. $("#pageGro .pageUp").click(function(){
  23. if(pageCount > 5){
  24. var pageNum = parseInt($("#pageGro li.on").html());//获取当前页
  25. pageUp(pageNum,pageCount);
  26. }else{
  27. var index = $("#pageGro ul li.on").index();//获取当前页
  28. if(index > 0){
  29. $("#pageGro li").removeClass("on");//清除所有选中
  30. $("#pageGro ul li").eq(index-1).addClass("on");//选中上一页
  31. }
  32. }
  33. });
  34. //点击下一页触发
  35. $("#pageGro .pageDown").click(function(){
  36. if(pageCount > 5){
  37. var pageNum = parseInt($("#pageGro li.on").html());//获取当前页
  38. pageDown(pageNum,pageCount);
  39. }else{
  40. var index = $("#pageGro ul li.on").index();//获取当前页
  41. if(index+1 < pageCount){
  42. $("#pageGro li").removeClass("on");//清除所有选中
  43. $("#pageGro ul li").eq(index+1).addClass("on");//选中上一页
  44. }
  45. }
  46. });
  47. });
  48. //点击跳转页面
  49. function pageGroup(pageNum,pageCount){
  50. switch(pageNum){
  51. case 1:
  52. page_icon(1,5,0);
  53. break;
  54. case 2:
  55. page_icon(1,5,1);
  56. break;
  57. case pageCount-1:
  58. page_icon(pageCount-4,pageCount,3);
  59. break;
  60. case pageCount:
  61. page_icon(pageCount-4,pageCount,4);
  62. break;
  63. default:
  64. page_icon(pageNum-2,pageNum+2,2);
  65. break;
  66. }
  67. }
  68. //根据当前选中页生成页面点击按钮
  69. function page_icon(page,count,eq){
  70. var ul_html = "";
  71. for(var i=page; i<=count; i++){
  72. ul_html += "<li>"+i+"</li>";
  73. }
  74. $("#pageGro ul").html(ul_html);
  75. $("#pageGro ul li").eq(eq).addClass("on");
  76. }
  77. //上一页
  78. function pageUp(pageNum,pageCount){
  79. switch(pageNum){
  80. case 1:
  81. break;
  82. case 2:
  83. page_icon(1,5,0);
  84. break;
  85. case pageCount-1:
  86. page_icon(pageCount-4,pageCount,2);
  87. break;
  88. case pageCount:
  89. page_icon(pageCount-4,pageCount,3);
  90. break;
  91. default:
  92. page_icon(pageNum-2,pageNum+2,1);
  93. break;
  94. }
  95. }
  96. //下一页
  97. function pageDown(pageNum,pageCount){
  98. switch(pageNum){
  99. case 1:
  100. page_icon(1,5,1);
  101. break;
  102. case 2:
  103. page_icon(1,5,2);
  104. break;
  105. case pageCount-1:
  106. page_icon(pageCount-4,pageCount,4);
  107. break;
  108. case pageCount:
  109. break;
  110. default:
  111. page_icon(pageNum-2,pageNum+2,3);
  112. break;
  113. }
  114. }