麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > CMS > Discuz > 正文

Query 實現 Discuz! 偽翻頁（不刷新頁面）

2024-09-11 09:05:37
字體：大 中 小
來源：轉載
供稿：網友
首先要說的是，這是一個偽翻頁。原理是調用例如100個數據后，將其后面的內容做隱藏處理，在不刷新頁面的情況下進行內容的翻頁。并且附帶了漸入漸出效果。

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

翻頁源碼
<div class="holder"></div>

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

    這里需要注意的是：perPage:20，是每頁顯示的個數，也就是說<li>標簽的總數，必須大于這里的20。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 极品美女一级毛片 | 国产91精品久久久 | 一级毛片真人免费播放视频 | 91麻豆精品国产91久久久无需广告 | 热re91久久精品国产99热 | 免费人成在线观看网站 | 韩国精品一区二区三区四区五区 | 九九热在线视频观看这里只有精品 | 国产伦久视频免费观看视频 | 亚洲午夜1000理论片aa | 日本黄色一级视频 | 在线观看国产免费视频 | 久久精品欧美电影 | 国产男女 爽爽爽爽视频 | 369看片你懂的小视频在线观看 | 国产亚洲高清视频 | 作爱在线观看 | 国产精品99久久久久久大便 | 亚洲精品一区中文字幕 | 久久精品1区2区 | 男人天堂新地址 | 72pao成人国产永久免费视频 | 精品国产中文字幕 | 男人的天堂视频网站 | 在线a亚洲视频播放在线观看 | 国产毛片在线 | 凹凸成人精品亚洲精品密奴 | 亚洲成人免费视频在线 | 久久最新免费视频 | 久久经典 | 高清国产午夜精品久久久久久 | 欧美日韩中文字幕在线视频 | 欧美高清一级片 | 免费国产精品视频 | 亚欧在线免费观看 | 逼特逼视频在线观看 | 狠狠干夜夜草 | 免费日韩片 | 欧美成人精品一区二区三区 | 98色视频| 国产精品久久久乱弄 |