查询后的翻页效果带省略号

分页后的效果





jsp中的div

<div class="page" id="page" style="display:none"></div>

pagecount 总页数
curpage  当前页
recordcount 总记录数

/**
 * 分页
 */
function setPage(pagecount,curpage,recordcount){
	$("#page").html("");
	var pageHtml='<label class="right">页</label>'+
    '<input type="text" value="" class="enterInput w20 h20 right" onkeydown="goPage(this)">'+
    '<label class="right">跳转到</label>'+
    '<label class="right">共'+recordcount+'条，</label>'+
    '<ul class="pageUL right">'+
       '<li class="ui-ie-radius first" onclick="firstPage()"></li>'+
        '<li class="ui-ie-radius prev" onclick="prevPage('+curpage+')"></li>';
	if(pagecount<6){
		for(var i=1;i<pagecount+1;i++){
			if(i==curpage){
				 pageHtml+='<li class="ui-ie-radius on" onclick="searchPage('+i+')">'+i+'</li>';
			}else{
				 pageHtml+='<li class="ui-ie-radius" onclick="searchPage('+i+')">'+i+'</li>';
			}
        }
	}else if(curpage>pagecount-3){
		pageHtml+='<li class="ui-ie-radius" onclick="searchPage('+1+')">'+1+'</li> <li class="ui-ie-radius more">...</li>';
		for(var i=pagecount-2;i<pagecount+1;i++){
			if(i==curpage){
				 pageHtml+='<li class="ui-ie-radius on" onclick="searchPage('+i+')">'+i+'</li>';
			}else{
				 pageHtml+='<li class="ui-ie-radius" onclick="searchPage('+i+')">'+i+'</li>';
			}
		}
	}else{
		if(curpage<4){
			for(var i=1;i<4;i++){
				if(i==curpage){
					 pageHtml+='<li class="ui-ie-radius on" onclick="searchPage('+i+')">'+i+'</li>';
				}else{
					 pageHtml+='<li class="ui-ie-radius" onclick="searchPage('+i+')">'+i+'</li>';
				}
			}
			pageHtml+='<li class="ui-ie-radius more">...</li><li class="ui-ie-radius" onclick="searchPage('+pagecount+')">'+pagecount+'</li>';
		}else{
			var prev=curpage-1;
			var next=parseInt(curpage)+parseInt(1);
			pageHtml+='<li class="ui-ie-radius" onclick="searchPage(1)">1</li><li class="ui-ie-radius more">...</li>'+
			'<li class="ui-ie-radius">'+curpage+'</li>'+
//			'<li class="ui-ie-radius" onclick="searchPage('+prev+')">'+prev+'</li><li class="ui-ie-radius"onclick="searchPage('+next+')">'+next+'</li>'+
			'<li class="ui-ie-radius more">...</li><li class="ui-ie-radius" onclick="searchPage('+pagecount+')">'+pagecount+'</li>';
		}
	}
	pageHtml+= '<li class="ui-ie-radius next" onclick="nextPage('+curpage+')"></li>'+
    '<li class="ui-ie-radius last" onclick="lastPage('+curpage+')"></li></ul>';
	$("#page").append(pageHtml);
}
//首页
function firstPage(){
	if(CURPAGE==1){
		alert("已是首页");
		return;
	}else{
		doQueryCostCenter(1);
	}
}
//上一页
function prevPage(curpage){
	if(curpage==1){
		alert("已是首页");
		return;
	}else{
		doQueryCostCenter(curpage-1);
	}
}
//下一页
function nextPage(curpage){
	if(curpage==PAGECOUNT){
		alert("已是尾页");
		return;
	}else{
		doQueryCostCenter(curpage+1);
	}
}
//尾页
function lastPage(curpage){
	if(curpage==PAGECOUNT){
		alert("已是尾页");
		return;
	}else{
		doQueryCostCenter(PAGECOUNT);
	}
}
//点击跳转
function searchPage(pageNo){
	doQueryCostCenter(pageNo);
}
//输入跳转页
function goPage(obj){
	var pageNo="";
//	if (window.event) // IE8 以及更早版本
//	{
//		x = event.keyCode;
//	} else if (event.which) // IE9/Firefox/Chrome/Opera/Safari
//	{
//		x = event.which;
//	}
//	var pageNo= String.fromCharCode(x);
	var event = arguments.callee.caller.arguments[0] || window.event;
	if(event.keyCode == 13){
		pageNo=$(obj).val();
		if(!isNum(pageNo)){
			alert("请输入数字");
			return;
		}
		if(pageNo>PAGECOUNT||pageNo<1){
			alert("请输入合理页码");
			return;
		}else{
			doQueryCostCenter(pageNo);
		}
	}
	
}
//数字检验
function isNum(num){
    var reNum =/^\d*$/;
    return (reNum.test(num));
 }