js实现简单的前端分页效果

有些项目业务比较简单,但用到前端分页的地方又比较多,插件的体积比较难控制用起来也麻烦,所以自己写一个简易的。

实现思路

通过 jQuery.slice() 选择子集的区间元素, 然后控制显示隐藏来实现;
假设每页显示数量为x,当前页码为y,元素索引从0开始,那么显示的区间即为 x(y-1) 到 xy。

效果演示

demo代码





    
    
    
    前端分页实现demo



    
1/1
1/1

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

你可能感兴趣的:(js实现简单的前端分页效果)