好看的分页样式可切换页数

最新推荐文章于 2025-04-29 09:50:37 发布

慕世妮

最新推荐文章于 2025-04-29 09:50:37 发布

阅读量1.4k

点赞数 2

分类专栏： js html 文章标签： html css jquery

本文链接：https://blog.youkuaiyun.com/yangruini_love/article/details/109810288

版权

这篇博客介绍了如何创建美观的分页样式，并实现了利用jQuery点击按钮动态切换显示的页数。初始展示为1到10，点击箭头则会切换显示5到10等其他页码。代码示例提供了一次展示4个页面数的功能，可根据实际需求进行调整，但需确保已引入jQuery库。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

上html

<div class="navigation" style="display:none;">
  <ol class="wp-paginate">
     <li><span class="title">Pages:</span></li>
     <li><a href="#" class="previous">&lt;</a></li>
     <span id="page_box">
           <li title="1"><a href="#" title="1" class="page">1</a></li>
           <li title="2"><a href="#" title="2" class="page">2</a></li>
           <li title="3"><a href="#" title="3" class="page">3</a></li>
           <li title="4"