jQuery实现“分页”的效果，控制div分页显示

最新推荐文章于 2022-11-10 08:39:30 发布

Everyday都不同

最新推荐文章于 2022-11-10 08:39:30 发布

阅读量1.2k

点赞数

分类专栏： jquery div 分页

本文链接：https://blog.csdn.net/qq_18875541/article/details/69391384

版权

本文介绍如何使用jQuery实现页面中多个div的分页显示，通过控制每页显示的div数量，避免页面过于臃肿。文中提供了原始的jQuery代码示例以及使用jquery.page.js插件优化后的效果展示。

摘要由CSDN通过智能技术生成

现在有多个div，如果完全显示在一个页面里，显得太臃肿。故而需要分页，下面是我用jquery控制每页显示个数的代码，仅供参考测试！

页面布局：

<body>
        <div class="container">
            <div class="box" name="box">aaaaaa1</div> 
            <div class="box" name="box">aaaaaa2</div>  
            <div class="box" name="box">aaaaaa3</div>  
            <div class="box" name="box">aaaaaa4</div>  
            <div class="box" name="box">aaaaaa5</div>  
            <div class="box" name="box">aaaaaa6</div> 
            <div class="box" name="box">aaaaaa7</div> 
            <div class="box" name="box">aaaaaa8</div>  
            <div class="box" name="box">aaaaaa9</div>  
            <div class="box" name="box">aaaaaa10</div>  
            <div class="box" name="box">aaaaaa11</div>  
            <div class="box" name="box">aaaaaa12</div>
            <div class="box" name="box">aaaaaa13</div> 
            <div class="box" name="box">aaaaaa14</div>  
            <div class="box" name="box">aaaaaa15</div>  
            <div class="box" name="box">aaaaaa16</div>