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

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

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

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

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

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

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

?

1

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

JS实现屏蔽shift,Ctrl,alt等功能键的方法

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

javascript常用方法总结

javascript清空table表格的方法

JavaScript实现Flash炫光波动特效

javascript模拟评分控件实现方法

javascript动态创建链接的方法

javascript无刷新评论实现方法

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

JS+CSS实现的拖动分页效果实例

精品推荐
分类导航