导入js:
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.pagination.js"></script>
css可以自己写:
<script type="text/javascript">
var perpage = 5;
$(function(){
var num_entries = jQuery('.List_Show_Details').length;
$("#Pagination").pagination(num_entries, {
callback: pageselectCallback,
items_per_page:perpage, // Show only one item per page
current_page:0
});
function pageselectCallback(page_id, jq) {
$(".List_Show_Details:lt("+((page_id)*perpage)+")").hide();
for(var i=0;page_id*perpage + i < jQuery('.List_Show_Details').length && i<perpage;i++)
{
$(".List_Show_Details:eq("+(page_id*perpage+i)+")").show();
}
$(".List_Show_Details:gt(" + ((page_id+1)*perpage-1) + ")").hide();
return false;
}
});
</script>
本文介绍如何使用jQuery.pagination.js实现网页内容的分页显示。通过导入必要的JS文件并设置每页显示条目数,利用jQuery获取页面元素数量来初始化分页控件,并通过回调函数控制内容的显示与隐藏。
450

被折叠的 条评论
为什么被折叠?



