导入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>