游客

标题:PHP+jQuery实现的列表分页的功能模块详细说明及示例代码
正文:
做了一个列表分页的功能模块，主要的文件包括分页类 page.class.php 和 控制 ajax 分页的ajax.js，主要功能有：1.可以选择 3 种常见的 url 分页格式；2.可以选择 url 分页 还是 ajax 分页；3.两种分页方式都可以自定义分页 a 标签的文字；4.url 分页方式可以自定义分页偏移量；5.url 分页方式可以选择手动跳转方式：手动输入页码跳转 或 下拉菜单选择页码跳转。 列表分页功能含有但不一定全部包含的元素包括：首页、下一页、上一页、末页、具体页码、手动输入的跳转至第几页、下拉菜单选择跳转至第几页、信息( 共多少页、共多少条、当前是第几页 )等。其中必须包含的元素有：上一页、下一页、具体页码。先看看其他网站是怎么做的( 百度搜索、虎扑、淘宝、虾米、织梦官网 )：1.百度搜索就是由最简单的"上一页"、"下一页"和具体页码构成。分页偏移量为前5页后4页 2.虎扑话题( upload/2014/12/201412081515104831.jpg" alt="分页样式" > 3.淘宝网宝贝列表页( upload/2014/12/201412081515117745.jpg" alt="分页样式" > 4.虾米列表( upload/2014/12/201412081515132476.jpg" alt="分页样式" > 最后是织梦官网文章列表页( upload/2014/12/201412081515148711.jpg" alt="分页样式" >浏览至第11页时非常遗憾，宽度过宽导致版式出现问题： 这个分页功能的做法和效果是：1.url 分页 style1：①手动输入跳转页码的方式：始终显示最后一页 ②下拉菜单选择跳转的方式：2.url 分页 style2：使用"首页"和"末页"代替页码"1"和最后一页页码，使用前n页、后n页代替"..."同样有下拉菜单跳转方式 3.ajax 分页：出现的元素只有&
[<<][[1]][2][3][>>]

查看评论(0)
发表评论



首页