手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript实现列表分页功能特效
JavaScript实现列表分页功能特效
摘要:最近写了一个js分页的方法,尽管已经有现成的可以用,但还是想自己写写,搞搞清楚。最终实现的效果是:上一页、第一页、…(上n个页...

最近写了一个js分页的方法,尽管已经有现成的可以用,但还是想自己写写,搞搞清楚。最终实现的效果是:上一页、第一页、…(上n个页码)、n个页码、…(下n个页码)、最后一页、下一页。n可以是奇数也可以是偶数,一般都喜欢取奇数,星石调用的时候传入的参数是5。写的时候,主要注意了以下几个地方:

页码等于1时,只显示上一页、第一页、最后一页,且都没有跳转;

页码小于等于2时,不需要中间的n个页码;

页码小于等于n时,显示所有页码,不显示2个“…”;

2个“…”换页时,换n个页码,如果接近最前面或最后面几页了,则显示最前面或最后面n个页码。

下面贴出代码,供大家探讨:

?

1

【JavaScript实现列表分页功能特效】相关文章:

javascript常用方法总结

javascript实现动态改变层大小的方法

javascript无刷新评论实现方法

javascript清空table表格的方法

Javascript实现div层渐隐效果的方法

javascript实现简单的省市区三级联动

javascript实现炫酷的拖动分页

JavaScript里实用的原生API汇总

javascript实现模拟时钟的方法

JavaScript实现自动变换表格边框颜色

精品推荐
分类导航