o07-csy的jquery分頁方法，比較適合數量少的，一次加載完成

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