广州明生堂生物科技有限公司


封装好的javascript前端分页插件pagination

网络编程 封装好的javascript前端分页插件pagination 06-22

摘要:
最近在开发项目中又用到了前端分页,以前也做过,为了方便以后使用所以将他封装成第三方插件,不依赖任何库。网上已经有很多插件,问什么还要自己造轮子?

自己写的扩展性高
不依赖任何库
作为一次技术沉淀

先看下效果图

查看图片

安装方法

首先在页面中要载入css及js
<link rel="stylesheet" href="dist/pagination.css">
<script src="dist/pagination.js"></script>

使用示例

pagination({
cur: 1, // 当前页数
total: 6, // 总共多少页
len: 5, // 分页显示多少
targetId: 'pagination', // 分页元素绑定
callback: function() {
// 回调函数
}
})

参数介绍

cur

当前页数,每次调用传递当前分页

total

总共多少页,根据总数和每页显示数量可以获取

len

分页栏上显示的数量

targetId

分页元素绑定的

callback

页面渲染完成之后执行的函数,比如事件绑定等。

tips
demo是用的静态数据,如果调用服务端的数据,只需将index.js文件中的for循环改成Ajax请求就可以了。

下载 http://xiazai.gimoo.net/201601/yuanma/pagination-master(gimoo.net).zip

演示 http://demo.gimoo.net/js/2016/pagination-master/

javascript基础语法学习笔记
一、定义javascript是一门用来增强页面动态效果,实现页面与用户之间的实时、动态交互的脚本语言(解释型编程语言)。javascript由三部分组成:ECMA、DOM和BO

实例代码详解javascript实现窗口抖动及qq窗口抖动
窗口抖动效果在很多地方都有应用,例如网易的登陆窗口就有这样的效果,当登陆失败的时候就会出现抖动效果,这不但有动感,而且让人感觉新颖,

基于JavaScript实现移除(删除)数组中指定元素
在Array对象中有给定的函数可以删除数组中指定的元素,虽然非常好用,但是总感觉看不到摸不着的比较别扭,下面就分享一个自定义的删除数组指定索


编辑:广州明生堂生物科技有限公司

标签:分页,数组,元素,窗口,效果