页面上:
<ul class=”pagination” id=”pagination”> </ul>
js
$(document).ready(function() { if($("#pagination")){ var pagecount = <%= locals.pagecount %>; var pagesize = <%= locals.pagesize %>; var currentpage = <%= locals.currentpage %>; var counts,pagehtml=""; if(pagecount%pagesize==0){ counts = parseInt(pagecount/pagesize); }else{ counts = parseInt(pagecount/pagesize)+1; } //只有一页内容 if(pagecount<=pagesize){pagehtml="";} //大于一页内容 if(pagecount>pagesize){ if(currentpage>1){ pagehtml+= '<li><a href="/course/index/'+(currentpage-1)+'">上一页</a></li>'; } for(var i=0;i<counts;i++){ if(i>=(currentpage-3) && i<(currentpage+3)){ if(i==currentpage-1){ pagehtml+= '<li class="active"><a href="/course/index/'+(i+1)+'">'+(i+1)+'</a></li>'; }else{ pagehtml+= '<li><a href="/course/index/'+(i+1)+'">'+(i+1)+'</a></li>'; } } } if(currentpage<counts){ pagehtml+= '<li><a href="/course/index/'+(currentpage+1)+'">下一页</a></li>'; } } $("#pagination").html(pagehtml); } });
具体参数,效果如下