o07-csy的jquery分页方法,比较适合数量少的,一次加载完成

    技术2022-05-19  25

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

     


    最新回复(0)