jquery插件

;(function($){
/**
* 定义分页插件
*/
$.fn.pagination=function(options){    // 定义插件的名字pagination

$.fn.pagination.defaults={
          'currentPage':'current',//当前页样式
          'rowCount':200,//总记录数
  'pageSize':10,//每页记录数
  'showPageNum':10,//大于0的数
  'pageNum':0,//总页数
  'pageNo':1,//显示第几页
  'showPreTag':true,//是否显示前置标签
  'preTagHandler':'page_(this)',//前置标签处理函数
      'pageHandler':'page_(this)',//翻页
  'showGO':true,//是否显示输入页码框
  'goHandler':'page_(this)',//当showGO为true时，该值必须指定
  'showRowCount':true
};
var options=$.extend($.fn.pagination.defaults,options);
// alert(options.rowCount);
var htmlStr = "";

if(options.rowCount<=0){
return null;
}
htmlStr += "<div class=\"pager\">";
  if(options.showRowCount){
   htmlStr += "<span class=\"\">共" + options.rowCount + "条</span>\r\n";
   htmlStr += "<span class=\"\">共" + options.pageNum + "页</span>\r\n";
  }
 
  if(options.pageNum==1){
   // 只有一页
   if(options.showPreTag){
    htmlStr += "<span class=\"disabled\">&lt;&lt;</span>\r\n";
   }
   htmlStr += "<span title=\"第1页\" class=\"current\">1</span>\r\n";
   if(options.showPreTag){
    htmlStr += "<span class=\"disabled\">&gt;&gt;</span>\r\n";
   }
  }else{
   // 多页
   if(options.pageNo==1){
    if(options.showPreTag){
     htmlStr += "<span class=\"disabled\">&lt;&lt;</span>\r\n";
    }
   }else{
    htmlStr += "<a href=\"javascript:void(0)\" title=\"跳转到首页\" onclick=\""+options.preTagHandler+"\">&lt;&lt;</a>\r\n";
   }
   // 开始处理分页标签，显示当前页的前后五条
   if(options.showPageNum>0){
    if(options.pageNum<=options.showPageNum){
     // 如果总页数小于每页显示的页标签数，则不需要...
     var pageNum = parseInt((options.rowCount - 1) / options.pageSize + 1);
     for (var i = 1; i <= pageNum; i++) {
      if (i == options.pageNo) {
       htmlStr +="<span title=\"第" + i + "页\" class=\"current\">" + i + "</span>\r\n";
      } else {
       htmlStr +="<a href=\"javascript:void(0)\" title=\"跳转到第" + i
         + "页\" onclick=\""+options.pageHandler+"\" page="+i+">" + i + "</a>\r\n";
      }
      if(i == options.pageNum) {
       break;
       }
     }
    }else{
    
     var m = parseInt((options.pageNum - 1) / options.showPageNum + 1);
     var n = parseInt((options.pageNo - 1) / options.showPageNum + 1);
     var temp1 = (n - 1) * options.showPageNum + 1;
     var temp2 = (n - 1) * options.showPageNum + 1 + options.showPageNum;
     if(n>1){
      htmlStr += "<a href=\"javascript:void(0)\" title=\"跳转到前" + options.showPageNum
         + "页\" onclick=\""+options.pageHandler+"\" >...</a>\r\n";
     }
    
     for (var i = temp1; i < temp2; i++) {
      if (i == options.pageNo) {
       htmlStr +="<span title=\"第" + i + "页\" class=\"current\">" + i + "</span>\r\n";
      } else {
       htmlStr +="<a href=\"javascript:void(0)\" title=\"跳转到第" + i
         + "页\" onclick=\""+options.pageHandler+"\" page="+i+">" + i + "</a>\r\n";
      }
      if (i == options.pageNum) {
       break;
      }
     }
     if (m > n) {
      htmlStr +=" <a href=\"javascript:void(0)\" title=\"跳转到后" + options.showPageNum
        + "页\" onclick=\""+options.pageHandler+"\" >...</a>\r\n";
     }
    
    }
   
   }
   if (options.pageNo == options.pageNum) {
    if (options.showPreTag) {
     htmlStr +="<span class=\"disabled\">&gt;&gt;</span>\r\n";
    }
   } else {
    htmlStr +="<a href=\"#\" title=\"跳转到最后一页\" onclick=\""+options.pageHandler+"\">&gt;&gt;</a>\r\n";
   }
   if(options.showGO){
    htmlStr += "每页<input type=\"text\" maxlength=\"4\" title=\"每页记录数\" value=\""+options.pageSize+"\" name=\"pageSize\" id=\"pageSize\"/>条\r\n";
    htmlStr += "跳转至<input type=\"text\" title=\"页码\" value=\""+options.pageNo+"\" name=\"pageNo\"  id=\"pageNo\"/>页\r\n";
    htmlStr += "<a href=\"#\"  title=\"GO\" onclick=\""+options.goHandler+"\">GO</a>\r\n";
   }
  }
  document.write(htmlStr);
};
/**
  * 分页默认设置
  */
// $.fn.pagination.defaults={
//   'currentPage':'current',//当前页样式
//   'rowCount':200,//总记录数
//   'pageSize':10,//每页记录数
//   'showPageNum':10,//大于0的数
//   'pageNum':0,//总页数
//   'pageNo':1,//显示第几页
  //   'showPreTag':true,//是否显示前置标签
//   'preTagHandler':'page_(this)',//前置标签处理函数
//   'pageHandler':'page_(this)',//翻页
//   'showGO':true,//是否显示输入页码框
//   'goHandler':'page_(this)',//当showGO为true时，该值必须指定
//   'showRowCount':true
// };

})(jQuery);

评论

1 楼 htl26260 2014-08-22  

<script type="text/javascript">
 
     function page_(obj){
     alert($(obj).attr("page"));
      }
    
   $(this).pagination({
   'rowCount':100,
   'pageNum':10,
   'pageNo':12,
   'showPageNum':10,
   'firstBtnHandler':'page_(this)',
   'pageHandler':'page_(this)'
   });
  
 
  </script>
在写个jsp页面就可以调用