JS分页

moses3017 · 发表于 2013-2-7 15:24:04

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><script type="text/javascript" src="jquery-1.7.2.js"></script><script type="text/javascript">// Test$(function(){page.init(518, 10);alert(page.nowPage);alert(page.totalPage);alert(page.totalCount);alert(page.perPageCount);});/*! * 分页 * * Author : miaofangzheng */var page = {// 页码nowPage : 0,// 总页数totalPage: 0,// 总记录数totalCount: 0,// 每页显示记录数perPageCount: 10,// 初始化init : function(totalCount, perPageCount) {if (isNaN(parseInt(totalCount))) {return;}page.totalCount = totalCount;if (isNaN(parseInt(perPageCount))) {perPageCount = 10;}page.perPageCount = perPageCount;page.totalPage = Math.ceil(totalCount/perPageCount);if (page.nowPage == 0) {page.nowPage = 1;}if (page.nowPage > page.totalPage) {page.nowPage = page.totalPage;}page.setPageInfo();$("#prePage").bind("click", function(){page.prePage();});$("#nextPage").bind("click", function(){page.nextPage();});$("#pageBtn").bind("click", function(){page.toPage($("#toPage").val());});},// 下一页nextPage : function() {if (page.nowPage < page.totalPage) {page.nowPage += 1;}page.setPageInfo();},// 上一页prePage : function() {if (page.nowPage > 1) {page.nowPage -= 1;}page.setPageInfo();},// 跳转到第X页toPage : function(pageNum) {if (isNaN(parseInt(pageNum))) {return;} if (pageNum >=1 && pageNum <= page.totalPage) {page.nowPage = pageNum;} else if (pageNum > page.totalPage) {page.nowPage = page.totalPage;} page.setPageInfo();},// 设置页面显示分页信息setPageInfo : function () {if (page.nowPage == 0) {$("#prePage").hide();$("#nextPage").hide();} else if (page.nowPage == 1) {$("#prePage").hide();} else if (page.nowPage > 1) {$("#prePage").show();}if (page.nowPage < page.totalPage) {$("#nextPage").show();} else if (page.nowPage == page.totalPage) {$("#nextPage").hide();}$("#totalCount").html(page.totalCount);$("#nowPage").html(page.nowPage);$("#totalPage").html(page.totalPage);$("#toPage").val("");}};</script></head><body><div><div style="float: right">共<span id="totalCount"></span>条记录第<span id="nowPage"></span>/<span id="totalPage"></span>页<a id="prePage" href="javascript:void">上一页</a><a id="nextPage" href="javascript:void">下一页</a> 跳转到<input id="toPage" type="text" style="width: 20px"/>页<input id="pageBtn" type="button" value="GO"/></div></div></body></html>

		自动登录	找回密码
密码			立即注册

JS分页

浏览过的版块