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

阅读更多

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

 

页面布局:

 


        
aaaaaa1
aaaaaa2
aaaaaa3
aaaaaa4
aaaaaa5
aaaaaa6
aaaaaa7
aaaaaa8
aaaaaa9
aaaaaa10
aaaaaa11
aaaaaa12
aaaaaa13
aaaaaa14
aaaaaa15
aaaaaa16
aaaaaa17
aaaaaa18

 

下面是控制分页显示的js:

 分页效果如下:

第1页:


jQuery实现“分页”的效果,控制div分页显示_第1张图片
 第3页:


jQuery实现“分页”的效果,控制div分页显示_第2张图片
 

这个太过“原始”了,用了下网上比较推荐的jquery.page.js插件改善了下:

 

 效果如下:


jQuery实现“分页”的效果,控制div分页显示_第3张图片
 同样实现了效果,仅供参考!

 

  • jQuery实现“分页”的效果,控制div分页显示_第4张图片
  • 大小: 3.8 KB
  • jQuery实现“分页”的效果,控制div分页显示_第5张图片
  • 大小: 2.8 KB
  • jQuery实现“分页”的效果,控制div分页显示_第6张图片
  • 大小: 4.3 KB
  • 查看图片附件

你可能感兴趣的:(jquery,div,分页)