第一步：

?前台核心js代码

function getNoteInfo(pageNo){
	var tempPageCount = $("#tempPageCount").val();
	if(pageNo==0){
		alert("没有上一页");
		pageNo = 1;
	}
	if(pageNo>tempPageCount){
		alert("没有下一页");
		pageNo = 1;
	}
	$("#fenye").html("正在加载中……");
	$.ajax({
			type : "post",
			url : "noteAction.do?mhd=getNoteInfo&pageNo="+pageNo,//获取点评内容
			data : null,
			success:function(msg){
				var json = eval('('+msg+')');
				var content = "";
				for(var i=0;i<json.pagesize;i++){
					content += "<div class=\"dplist_each\">";
					content += "<div class=\"h30 lh30 oh\">";
	          		content += "<em class=\"fl ml10 fCE6700\">"+json.items[i][0]+"</em>";
	          		content += "<em class=\"fl ml10 f_959595\">发表于："+json.items[i][1]+"</em>";
	            	content += "<em class=\"fl ml10 f_3866ab\">出游类型："+json.items[i][2]+"</em>";
	            	content += "</div>";
	          		content += "<div class=\"h25 lh10\">"+json.items[i][3]+"</div>";
	          		if(json.items[i][4]!=null){
	  					content += "<div class=\"h30 lh30 oh\"><strong>"+json.items[i][4]+" 回复于："+json.items[i][5]+" "+json.items[i][6]+"</strong></div>";        		
	          		}
					content += "</div>"
				}
				$("#noteInfo").html(content);
				pageNo = parseInt(pageNo);//设置为数字格式
				var ysContent = "<a href=\"javascript:getNoteInfo(1)\" class=\"bluelink mr10\"><<</a>";
				var beforeIndex = parseInt(pageNo)-1;
				var nextIndex = parseInt(pageNo)+1;
				ysContent += "<a href=\"javascript:getNoteInfo("+beforeIndex+")\" class=\"bluelink mr10\">上一页</a>";
				
				/* 分页显示机制开始 */
				if(json.pageCount<=5){
					/** 如果总共的页数小于等于5,直接显示从第一页到第五页的按钮 **/
					for(var i=1;i<=json.pageCount;i++){
						if(pageNo==i){
							//是当前页不显示按钮标志
							ysContent += "<a class=\"b mr10\">第"+i+"页</a>";
						}else{
							//非当前页显示按钮标志，可跳转
							ysContent += "<a href=\"javascript:getNoteInfo("+i+")\" class=\"bluelink mr10\">第"+i+"页</a>";
						}
					}
				}
				else{
					/** 如果总共的页数大于5 **/
					/*** 计算开始位置 ***/
					if(pageNo-2<1){
						/** 如果当前页数-2比1还要小,从第一页开始到当前页显示 **/
						for(var k=1;k<=pageNo;k++){
							if(pageNo==k){
								//是当前页不显示按钮标志
								ysContent += "<a class=\"b mr10\">第"+k+"页</a>";
							}else{
								//非当前页显示按钮标志，可跳转
								ysContent += "<a href=\"javascript:getNoteInfo("+k+")\" class=\"bluelink mr10\">第"+k+"页</a>";
							}
						}
					}
					else{
						/** 从当前页倒数第二页开始 **/
						ysContent += "...";
						for(var k=pageNo-2;k<=pageNo;k++){
							if(pageNo==k){
								//是当前页不显示按钮标志
								ysContent += "<a class=\"b mr10\">第"+k+"页</a>";
							}else{
								//非当前页显示按钮标志，可跳转
								ysContent += "<a href=\"javascript:getNoteInfo("+k+")\" class=\"bluelink mr10\">第"+k+"页</a>";
							}
						}
					}
					/*** 计算结束位置 ***/
					if(pageNo+2>json.pageCount){
						/** 如果当前页数+2比最大数还要大,显示从当前页到最大数那一页 **/
						for(var k=pageNo+1;k<=json.pageCount;k++){
							ysContent += "<a href=\"javascript:getNoteInfo("+k+")\" class=\"bluelink mr10\">第"+k+"页</a>";
						}
					}
					else{
						/** 从当前页的后两页结束 **/
						for(var k=pageNo+1;k<=pageNo+2;k++){
							ysContent += "<a href=\"javascript:getNoteInfo("+k+")\" class=\"bluelink mr10\">第"+k+"页</a>";
						}
						ysContent += "...";
					}
				}
				/* 分页显示机制结束 */
				
				ysContent += "<a href=\"javascript:getNoteInfo("+nextIndex+")\" class=\"bluelink mr10\">下一页</a>";
				ysContent += "<a href=\"javascript:getNoteInfo("+json.pageCount+")\" class=\"bluelink mr10\">>></a>";
				ysContent += "跳转到&nbsp;&nbsp;<select name=\"turnPage\" id=\"turnPage\" onchange=\"getNoteInfo(turnPage.value)\">";
				for(var j=1;j<=json.pageCount;j++){
					if(pageNo==j){
						ysContent += "<option