带跳转的jQuery滑动分页插件

一款带跳转的jQuery滑动分页插件，包括：首页、尾页、上一页、下一页、数字分页、跳转输入框和调整按钮、总页数和总数据条数，可自由调整样式和显示页面等参数内容。

分类：其它特效 > 分页难易：初级

查看演示下载资源下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

页面的head部分，需引入页面的样式文件，代码如下：

<link type="text/css" rel="stylesheet" href="./css/paging.css">

页面的body部分，仅需设置一个指定id的div容器即可，代码如下：

<div class="box" id="box"></div>

页面的底部，需引入jQuery库和分页插件，对指定元素启用插件并设置好相关参数，代码如下：

<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/paging.js"></script>
<script>
    var setTotalCount = 301;
    $('#box').paging({
        initPageNo: 3, // 初始页码
        totalPages: 30, //总页数
        totalCount: setTotalCount + '条数据', // 条目总数
        slideSpeed: 600, // 缓动速度。单位毫秒
        jump: true, //是否支持跳转
        callback: function(page) { // 回调函数
            console.log(page);
        }
    })
</script>