效果:
html代码:
<table>
<tr>
<th><a href="javascript:void(0);" ><input type="button" class="btn_little" value="首页" id="to_first"></a></th>
<th id="nextPage"><a href="javascript:void(0);" ><input type="button" class="btn_up" value="<<上一页" id="btn_up"></a></th>
<th><a href="javascript:void(0);" ><input type="button" class="btn_down" value="下一页>>" id="btn_down"></a></th>
<th><a href="javascript:void(0);"><input type="button" class="btn_little" value="尾页" id="to_last"></a></th>
<td class="text_grey"> 第${result.pageNo }页 共${result.pageCount }页 ${result.count }条</td>
</tr>
</table>
Js代码:
<script type="text/javascript">
function to_first(){//到首页
$("#curPage").val(1);
toVist();
}
function to_last(){//到尾页
$("#curPage").val("${result.pageCount}");
toVist();
}
function btn_up(){//上一页
var curPage = parseInt("${result.pageNo}") -1;
if(curPage < 1){
curPage = 1;
}
$("#curPage").val(curPage);
toVist();
}
function btn_down(){//下一页
var curPage = parseInt("${result.pageNo}") +1;
if(curPage > "${result.pageCount}"){
curPage = "${result.pageCount}";
}
if(curPage <1){
curPage = 1;
}
$("#curPage").val(curPage);
toVist();
}
function setStus(){//分页初始化方法
//判断是否是第一页
var curPage = parseInt($("#curPage").val());
if(curPage == 1){
//首页,上一页 静止;其他释放
$("#to_first,#btn_up").css("cursor","no-drop");//指针样式(不可点击)
$("#to_first").attr("onclick","javascript:void(0)");
$("#btn_up").attr("onclick","javascript:void(0)");
if(curPage >= "${result.pageCount}"){
//同时是尾页
$("#to_last,#btn_down").css("cursor","no-drop");
$("#to_last").attr("onclick","javascript:void(0)");
$("#btn_down").attr("onclick","javascript:void(0)");
}else{
$("#to_last,#btn_down").css("cursor","pointer");//指针样式(小手)
$("#to_last").attr("onclick","javascript:to_last()");
$("#btn_down").attr("onclick","javascript:btn_down()");
}
}else if(curPage == "${result.pageCount}"){
//最后一页,静止;其他释放
$("#to_last,#btn_down").css("cursor","no-drop");
$("#to_last").attr("onclick","javascript:void(0)");
$("#btn_down").attr("onclick","javascript:void(0)");
$("#to_first,#btn_up").css("cursor","pointer");
$("#to_first").attr("onclick","javascript:to_first()");
$("#btn_up").attr("onclick","javascript:btn_up()");
}else{
//中间页,全部放开
$("#to_first,#btn_up").css("cursor","pointer");
$("#to_first").attr("onclick","javascript:to_first()");
$("#btn_up").attr("onclick","javascript:btn_up()");
$("#to_last,#btn_down").css("cursor","pointer");
$("#to_last").attr("onclick","javascript:to_last()");
$("#btn_down").attr("onclick","javascript:btn_down()");
}
}
function toVist(){//重新访问后台
$("input[name='curPage']").val($("#curPage").val());
$("#formInfo").submit();
}
$(function(){
//初始化总页数
setStus();
});
</script>