①:引入jquery.paginate.js和style.css及图片文件
②:在页面适当位置加入以下代码
<div id="demo1"></div>
③:初始化插件
$(document).ready(function(){
// $("#pager").pager({ pagenumber: _currentPage, pagecount: _totalPage, buttonClickCallback: PageClick });
if(parseInt("${totalPage}")<=1){
$("#demo1").hide();
}else{
$("#demo1").show();
}
$("#demo1").paginate({
count : ${totalPage},//总页数
start : ${currentPage},//当前页码
display : 10,//设置每页显示页码数
border : true,
border_color : '#B0B0CC',//border颜色
text_color : '#5C6C90',//字体颜色
background_color : '#FAFFFF',
border_hover_color : '#000E53',
text_hover_color : '#fff',
background_hover_color : '#2F6BA7',
images : false,
mouse : 'press',
onChange: function(page_index) {
location.href = "${basePath}/page/to_indudetail.html?induId=0&typeFlag=${typeFlag}¤tPage="+page_index;//这里如果使用异步刷新 直接调用异步方法如 ajaxQuery(page_index),注意使用异步方法后重新初始化插件
}
});