您的位置:首页 > Web前端 > JavaScript

KingPager,自己做的分页控件,纯JS,支持所有语言

2013-08-07 15:30 411 查看
效果图如下:



简介:

1、JQuery分页控件,纯JS,支持任何语言

2、全部样式可通过CSS自定义(默认的就很好看)

3、非常灵活,1行代码即可实现分页

调用示例:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<link href="/css/blue/KingPlugin/KingPagerV1.0.css" rel="stylesheet" />
<script src="/js/jquery/jquery-1.8.3.min.js"></script>
<script src="/js/KingPlugin/KingPager.js"></script>
<script>
$().ready(function () {
var paras = {
pageSize: 15,//一页有10条数据
pages:15,//一行显示15个页
totalRecords: 2013,//一共有多少条记录
onChange: function (pageid) {//扩展接口,点击具体页面有当前页值返回
alert("您点选了:" + pageid + "页");
}
}

$("#pages").KingPage(paras);
});
</script>
</head>
<body>
<div id="pages"></div>
</body>
</html>


源代码及示例下载:CSDN下载
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: