<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>javascript 版分页类, 可用于ajax</title>
<SCRIPT LANGUAGE="JavaScript" src="ggg_pager.js"></SCRIPT>
<STYLE TYPE="text/css">
/*默认页样式*/
.otherPage{color:blue;font-size:21px;}
/*当前页样式*/
.currPage{color:red;font-size:21px;}
</STYLE>
</head>
<body>
<div id="ggg_page_nav"></div>
<SCRIPT LANGUAGE="JavaScript">
<!--
//点击某页时的回调函数
function page_click(numb,pageString)
{
//这里可以用 ajax 进行取页面里的内容
alert("跳到第 "+ numb+ " 页");
//重新显示页面
document.getElementById("ggg_page_nav").innerHTML= pageString;
}
/**
* 初始化参数
*
* @param int $total 总记录数
* @param int $onepage 每页显示几条记录
* @param int num 显示几个页码
* @param function callFunc 点页码时回调
* @return object
*/
//iniParams : function( total, onepage, callFunc,num,pageNavDom){
ggg_pager.iniParams(100,5,page_click,5);
//默认当前第几页
var curr_page = 1;
document.getElementById("ggg_page_nav").innerHTML= ggg_pager.getPages(curr_page);
//-->
</SCRIPT>
</body>
</html>
js版分页类,ajax效果无刷新
3星 · 超过75%的资源 需积分: 9 198 浏览量
2010-10-21
21:05:32
上传
评论
收藏 3KB RAR 举报 
ggg_pager.rar （2个子文件） 
ggg_pager_demo.html 1KB
ggg_pager.js 6KB资源评论
lcc314159262013-11-17查看效果.很好，谢谢
太捷国际物流2013-01-18js版分页类,ajax效果无刷新 网上找了到久没发现合适的js版本的分页类，无奈自己动手吧 下载后双击 ggg_pager_demo.html 查看效果.很好，谢谢
