原生js分页插件,可自行修改(原创)

所属分类:导航-分页

 2171  17  查看评论 (1)
分享到微信朋友圈
X
原生js分页插件,可自行修改(原创) ie兼容10

更新时间:2020-09-18 01:10:33

更新说明:

1. 增加了跳转到指定页。

2. 增加显示当前页和总页数。

3. 所有样式都可以自己修改。

var nums = 400, // 总数
counts = 10; // 每页个数
var p = new Page({
    el: '#test',
    nums: nums,
    counts: counts,
    defaultPage: 1, //默认页
    showHeadFoot: !false, // 显示首页尾页   文字可修改:head:首页,foot:尾页
    jumpToOrder: true, // 跳转到指定页    新增
    showNowAndAll: true, // 当前页/共几页    新增
    clickEvent: function(currectPage) {
        // alert('点击了第' + currectPage + "页");
        // console.log('点击了第' + currectPage + "页");
    }
});

更新时间:2020-09-16 23:18:58

使用方法

需要调用的文件

<link rel="stylesheet" type="text/css" href="./css/index.css" />
<script src="./js/index.js" type="text/javascript" charset="utf-8"></script>

html

<div id='test'></div>

js

var nums = 200, // 数据总数 
ounts = 10; // 每页个数 ,这样就有20页 
var p = new Page({
    el: '#test', //控件 
    nums: nums, // 数据总数 
    counts: counts, // 每页个数 
    defaultPage: 6, //默认第几页 
    showHeadFoot: !false, // 显示首页尾页 
    clickEvent: function(currectPage) {
        // currectPage是点击的页数,这个回调函数就是点击了做点什么
        // console.log('点击了第' + currectPage + "页");
    }
});
相关插件-分页

实用的分页插件zxf_page.js

基于jquery的分页插件
  分页
 36702  300

自制实用主义分页插件

自制实用主义分页插件,分享给需要使用或者学习的人
  分页
 37220  371

简单的Vue分页插件pagination.js

分页插件,带省略的Vue分页插件
  分页
 44852  276

jQuery长文本分页插件textify

jQuery实现的长文本分页特效,textify是一个jQuery插件,可以自动创建一个有吸引力的和现代的你的内容布局,避免让用户不再枯燥的文本。
  分页
 25472  279

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    ... 0
    2020/9/17 11:05:34
    有什么问题可以问 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复