好用的jquery分頁插件,功能齊全,簡單

分頁插件

點擊這裏: 下載地址

pading(分頁插件,基於jquery),功能齊全

這裏寫圖片描述

使用方法

1、導入相關的css、js文件

<link rel="stylesheet" type="text/css" href="css/zxf_page.css"/>
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/zxf_page.js" type="text/javascript" charset="utf-8"></script>

2.添加分頁容器

<div class="zxf_pagediv"></div>

3.調用方法

<script type="text/javascript">
    $(".zxf_pagediv").createPage({
        pageNum: 7,//總頁碼
        current: 5,//當前頁
        shownum: 6,//每頁顯示個數
        //activepage: "",//當前頁選中樣式
        //activepaf: "",//下一頁選中樣式
        backfun: function (e) {
            //console.log(e);//回調
        }
    });
</script>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章