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

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

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

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

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

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

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

?

1

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

javascript事件冒泡实例分析

javascript无刷新评论实现方法

JavaScript实现Flash炫光波动特效

javascript实现点击后变换按钮显示文字的方法

javascript清空table表格的方法

JavaScript里实用的原生API汇总

javascript实现带下拉子菜单的导航菜单效果

javascript动态创建表格及添加数据实例详解

javascript实现设置、获取和删除Cookie的方法

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

精品推荐
分类导航