侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

百度贴吧分页规则的JS实现

2024-05-07 星期二 / 0 评论 / 0 点赞 / 59 阅读 / 2582 字

前提:页码最多显示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);							}

广告 广告

评论区