【jquery.paginate.js 分页插件的使用】在JSP页面需要引入样式 style.css引入jsjquery.js 和 jquery.paginate.js
以及一个id 为pagination的div
需要两个
获取action传递过来的参数
js部分:
$(function(){
var page_index=$("#page").val();
var maxPage=$("#maxPage").val();
$("#pagination").paginate({
count: maxPage,
start: page_index-1,
display: 9,
border: true,
border_color: "#AAE",//边框的颜色
text_color: "#15B" ,//页码文字的颜色
background_color: "#FFFFFF",//页码容器的背景颜色
border_hover_color: "#AAE",//当鼠标移动到页码上时，容器的边框颜色
text_hover_color: "#FFFFFF",//当鼠标移动到页码上时，页码文字的颜色
background_hover_color: "#26B",//当鼠标移动到页码上时，容器的背景颜色
mouse: "press",//如果为 “press” 那么当鼠标在上一页或下一页上按下的时候，页码将会一直滚动，如果为 “slide” 那么鼠标点击一次页码就会滚动一次
onChange: function(page_index) {
location.href = "https://www.it610.com/article/xxxAction?page=" + page_index+"&maxPage="+maxPage;
}
});
});
推荐阅读
- 针对 jQuery 的优化方法有哪些
- javascript|关于input的change事件触发多次发解决
- jquery Colorbox 传值
- Jquery 操作 Frame示例
- 代码记录|jquery获取select框的值、单选框的值、textarea的值、获取input框的值
- jQuery Infinite Ajax Scroll(ias) 分页插件介绍
- jQuery|jQuery 基础教程目录
- jquery.ui.droppable中文文档
- JS|Swiper插件的简单使用
- jquery|总结jQuery/js常用方法