jquery分页插件jquery.pagination.js使用方法
程序员文章站
2022-07-13 09:56:02
...
参数说明
前端代码
<script src="../js/jquery.pagination.js" type="text/javascript"></script>
<link href="../css/pagination.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(function () {
function pageselectCallback(page_id, jq) {
//alert(page_id); 回调函数,进一步使用请参阅说明文档
}
$("#Pagination").pagination(50, {//总数
callback: pageselectCallback,//为翻页调用函数。
prev_text: " 上一页",
next_text: "下一页 ",
items_per_page: 10, //每页的数据个数
num_display_entries: 3, //两侧首尾分页条目数
current_page: 0, //当前页码
num_edge_entries: 2, //连续分页主体部分分页条目数
link_to:"?page=__id__" //分页链接
});
});
</script>
<div id="Pagination" class="flickr"></div>
样式效果展示:
上一篇: 使用两个栈实现队列
下一篇: 如何禁用谷歌浏览器的自动填充