前端利用html实现分页切换效果

2024-06-24 19:55| 来源: 网络整理| 查看: 265

本篇文章主要要实现的功能效果如下：

包含首页尾页上一页下一页总计的页数以及总计的条数还有跳转的功能

整体思想：先定位一个中心页

上一页、下一页就是根据定位中心页然后加减就可以实现

首页就是要根据一次要展示几页，然后分别展示要展示的页数

尾页就是根据总共有的页数进行定位，然后分别展示要展示的页数

Document .st1 { height: 60px; width: 90%; background-color: #ddd; margin-left: 5%; margin-top: 30px; } .st2 { height: 32px; width: 60px; background-color: #2ac; border-radius: 4px; margin-left: 6px; margin-top: 20px; float: left; color: #fff; text-align: center; line-height: 32px; font-size: 13px; } .chosed { background-color: #a00; } m1(12, 256, 10); //当前页索引，总页数，每页数量 function m1(index, allnum, pagesize) { var allpage = allnum / pagesize; allpage = parseInt(a

【本文地址】

公司简介

联系我们

前端 利用html实现分页切换效果

前端利用html实现分页切换效果