begin
This commit is contained in:
99
style/jqueryPage/index.html
Normal file
99
style/jqueryPage/index.html
Normal file
@@ -0,0 +1,99 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>兼容IE7以上的分页插件</title>
|
||||
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
|
||||
<script type="text/javascript" src="js/kkpager.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="style/kkpager_orange.css" />
|
||||
</head>
|
||||
<!--[if !IE ]>
|
||||
<style type="text/css">
|
||||
#kkpager_btn_go {
|
||||
top:-16px !important;
|
||||
}
|
||||
</style> <![endif]-->
|
||||
<!--使用说明 https://github.com/pgkk/kkpager -->
|
||||
<body>
|
||||
<div style="width:800px;margin:0 auto;">
|
||||
<div id="kkpager"></div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
function getParameter(name) {
|
||||
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
|
||||
var r = window.location.search.substr(1).match(reg);
|
||||
if (r!=null) return unescape(r[2]); return null;
|
||||
}
|
||||
|
||||
//init
|
||||
$(function(){
|
||||
var totalPage = 5;
|
||||
var totalRecords = 90;
|
||||
var pageNo = getParameter('pno');
|
||||
if(!pageNo){
|
||||
pageNo = 1;
|
||||
//原本是实现无刷新跳转,我这是根据自己需求做的有刷新时跳转
|
||||
// 如:www.baidu.com/abcd/index.jhtml
|
||||
/* let str=window.location.pathname;
|
||||
let two; // 第二个斜杠后内容
|
||||
let first = str.indexOf("/") + 1;
|
||||
let heng = str.indexOf("/", first);
|
||||
if (heng == -1) {
|
||||
} else {
|
||||
two = str.substring(heng).substring(1, str.length);
|
||||
}
|
||||
if(two=="index.jhtml"){
|
||||
pageNo = 1;
|
||||
}else{
|
||||
pageNo = num;//num是根据自己要点击第几页写的
|
||||
}*/
|
||||
}
|
||||
//生成分页
|
||||
//有些参数是可选的,比如lang,若不传有默认值
|
||||
kkpager.generPageHtml({
|
||||
pno : pageNo,
|
||||
//总页码
|
||||
total : totalPage,
|
||||
//总数据条数
|
||||
totalRecords : totalRecords,
|
||||
mode : 'click',//默认值是link,可选link或者click
|
||||
click : function(n){
|
||||
this.selectPage(n);
|
||||
|
||||
if(n==1){
|
||||
//原本是实现无刷新跳转,我这是根据自己需求做的有刷新时跳转
|
||||
//第一页写逻辑跳转
|
||||
// 如:window.location.href=......;
|
||||
}else{
|
||||
//除了第一页写逻辑跳转
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
/* ,lang: {
|
||||
firstPageText : '首页',
|
||||
firstPageTipText : '首页',
|
||||
lastPageText : '尾页',
|
||||
lastPageTipText : '尾页',
|
||||
prePageText : '上一页',
|
||||
prePageTipText : '上一页',
|
||||
nextPageText : '下一页',
|
||||
nextPageTipText : '下一页',
|
||||
totalPageBeforeText : '共',
|
||||
totalPageAfterText : '页',
|
||||
currPageBeforeText : '当前第',
|
||||
currPageAfterText : '页',
|
||||
totalInfoSplitStr : '/',
|
||||
totalRecordsBeforeText : '共',
|
||||
totalRecordsAfterText : '条数据',
|
||||
gopageBeforeText : ' 转到',
|
||||
gopageButtonOkText : '确定',
|
||||
gopageAfterText : '页',
|
||||
buttonTipBeforeText : '第',
|
||||
buttonTipAfterText : '页'
|
||||
}*/
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user