/**
* 分布显示,nextPage表示当前页面,pages为总页数
*/
效果图:
nextPage > 5 && nextPage >= (pages-4)
nextPage <=5 && nextPage < (pages-4)
nextPage >5 && nextPage < (pages-4)
下面是函数整体部分
function pageStyle(nextPage,pages){
var pagelist = '<p class="preP" title="上一页"><</p>';
if(nextPage == 1){
pagelist += '<p class="selected pageNum">1</p>';
}else{
pagelist += '<p class="pageNum">1</p>';
}
if(nextPage > 5 && nextPage >= (pages-4)){
pagelist += '<p>…</p>';
for(var i=(nextPage-3);i<pages;i++){
if(i == nextPage){
pagelist += '<p class="selected pageNum">'+nextPage+'</p>';
}else{
pagelist += '<p class="pageNum">'+i+'</p>';
}
}
}else if(nextPage <=5 && nextPage < (pages-4)){
for(var i=2;i<=(nextPage+3);i++){
if(i == nextPage){
pagelist += '<p class="selected pageNum">'+nextPage+'</p>';
}else{
pagelist += '<p class="pageNum">'+i+'</p>';
}
}
pagelist += '<p>…</p>';
}else if(nextPage >5 && nextPage < (pages-4)){
pagelist += '<p>…</p>';
for(var i=(nextPage-3);i<=(nextPage+3);i++){
if(i == nextPage){
pagelist += '<p class="selected pageNum">'+nextPage+'</p>';
}else{
pagelist += '<p class="pageNum">'+i+'</p>';
}
}
pagelist += '<p>…</p>';
}else{
for(var i=2;i<pages;i++){
if(i == nextPage){
pagelist += '<p class="selected pageNum">'+i+'</p>';
}else{
pagelist += '<p class="pageNum">'+i+'</p>';
}
}
}
if(nextPage == pages){
pagelist += '<p class="selected pageNum">'+pages+'</p>';
}else{
pagelist += '<p class="pageNum">'+pages+'</p>';
}
pagelist += '<p class="nextP" title="下一页">></p>';
return pagelist;
}