首先要說(shuō)的是，這是一個(gè)偽翻頁(yè)。原理是調(diào)用例如100個(gè)數(shù)據(jù)后，將其后面的內(nèi)容做隱藏處理，在不刷新頁(yè)面的情況下進(jìn)行內(nèi)容的翻頁(yè)。并且附帶了漸入漸出效果。

引入jQuery
<script src="template/yulun_hei/js/jquery.min.js" type="text/javascript"></script>
<script src="template/yulun_hei/js/jPages.js" type="text/javascript"></script>
<script type="text/javascript">var jQuery = jQuery.noConflict();</script>

示例源碼
<ul id="itemContainer">
    <li>...</li>
    <li>...</li>
    <li>...</li>
    <li>...</li>
    <li>...</li>
</ul>

翻頁(yè)源碼
<div class="holder"></div>

啟動(dòng)插件
jQuery(function() {
        jQuery("div.holder").jPages({
                containerID  : "itemContainer",//父級(jí)定義的ID名
                perPage:20,  //該數(shù)字控制每頁(yè)顯示數(shù)量，想要顯示幾個(gè)就修改成數(shù)字幾
                previous: "上一頁(yè)",
                next: "下一頁(yè)"        
        });
        jQuery("div.holder").click(function(){
                jQuery('body,html').animate({scrollTop:370},500);
                return false;
        });
});

    這里需要注意的是：perPage:20，是每頁(yè)顯示的個(gè)數(shù)，也就是說(shuō)<li>標(biāo)簽的總數(shù)，必須大于這里的20。