前提:页码最多显示10条具体实现的贴吧分页效果为:·当前页码>5,且总页数>10时,保证页面一直显示10个页码。·在此基础上,当前页+ 5 <= 尾页时,保证当前页码一直位于第五个页码的位置。for(
前提:页码最多显示10条
具体实现的贴吧分页效果为:
·当前页码>5,且总页数>10时,保证页面一直显示10个页码。
·在此基础上,当前页+ 5 <= 尾页时,保证当前页码一直位于第五个页码的位置。
for(var i = 1; i <= pageCount; i++){ if(i == 1){ //添加分页栏框架的开始标签 pagingStr = '<div class="navigation"><ol class="wp-paginate"><li><span class="title">页码:</span></li>'; if(curPage != 1){ pagingStr += '<li><a href="#" onclick="getFilesInfoByFolderId('+folderId+','+i+')"><span>首页</span></a></li>' } } var pageStartIndex = 1; var pageEndIndex = 1; //添加分页栏框架的内容 if(curPage > 5 && pageCount > 10){//满足条件,则保证页面一直显示10个页码。 if(curPage + 5 >= pageCount){//满足条件,则保证当前页码一直位于第五个页码的位置上 pageStartIndex = pageCount - 9; pageEndIndex = pageCount; }else{ pageStartIndex = curPage - 4; pageEndIndex = curPage + 5; } if(i >= pageStartIndex && i <=pageEndIndex){ if(curPage == i){ pagingStr += '<li><a title="'+i+'" class="page current" >'+i+'</a></li>'; }else{ pagingStr += '<li><a href="#" title="'+i+'" class="page" onclick="getFilesInfoByFolderId('+folderId+','+i+')">'+i+'</a></li>'; } } }else{ if(i <= 10){ if(curPage == i){ pagingStr += '<li><a title="'+i+'" class="page current" >'+i+'</a></li>'; }else{ pagingStr += '<li><a href="#" title="'+i+'" class="page" onclick="getFilesInfoByFolderId('+folderId+','+i+')">'+i+'</a></li>'; } } } if(i == pageCount){ //添加分页栏框架的结束标签 if(curPage != pageCount){ pagingStr += '<li><a href="#" onclick="getFilesInfoByFolderId('+folderId+','+i+')"><span>尾页</span></a></li>' } pagingStr += '</ol></div>'; } } $('.navigation').remove(); $('#rigthContentBox').append(pagingStr); }