div li的多行多列无刷新分页示例代码

更新时间：2013年10月16日 17:23:32 作者：

翻页文件一次加载了全部的内容，因而不是很适合大型的网站，而适用于数据比较少的情况，下面有个不错的示例，感兴趣的朋友可以参考下

翻页文件一次加载了全部的内容，因而不是很适合大型的网站，而适用于数据比较少的情况。
本例未使用数据库。

PHP Code

 
<div class="container"> 
<ul id="content"> 
<?php for ($i=1; $i<=53; $i++){?> 
<li><span><?php echo $i?></span></li> 
<?php }?> 
</ul> 
<div class="holder"></div> 
</div> 

JavaScript Code
<script type="text/javascript">
$(document).ready(function() {
$("div.holder").jPages({
containerID : "content",
perPage: 6
});
});
</script>
[/code]
CSS Code

复制代码代码如下:

 
body { 
text-align: left; 
direction: ltr; 
font-family:tahoma,verdana,arial,sans-serif; 
font-size: 11px; 
} 
.container { 
width: 370px; 
height: 100%; 
margin: 0 auto; 
} 
/* 
@@ Demo 
*/ 
ul { 
margin: 0; 
padding: 20px 0px; 
} 
ul li { 
list-style-type: none; 
display: inline-block; 
line-height: 100px; 
text-align: center; 
font-weight: bold; 
width: 100px; 
height: 100px; 
margin: 10px; 
background: #ccc; 
} 
ul li span { 
color: #fff; 
padding: 3px; 
} 
/* 
@@ Pagination 
*/ 
.holder { margin: 5px 0; } 
.holder a { 
font-size: 12px; 
cursor: pointer; 
margin: 0 5px; 
color: #333; 
} 
.holder a:hover { 
background-color: #222; 
color: #fff; 
} 
.holder a.jp-previous { margin-right: 15px; } 
.holder a.jp-next { margin-left: 15px; } 
.holder a.jp-current, a.jp-current:hover { 
color: #ed4e2a; 
font-weight: bold; 
} 
.holder a.jp-disabled, a.jp-disabled:hover { color: #bbb; } 
.holder a.jp-current, a.jp-current:hover, 
.holder a.jp-disabled, a.jp-disabled:hover { 
cursor: default; 
background: none; 
} 
.holder span { margin: 0 5px; } 

本例还使用了一个js jquery.pages.js 请到演示页面查看源码

解析PHP中$_FILES的使用以及注意事项
$_FILES: 经由 HTTP POST 文件上传而提交至脚本的变量。类似于旧数组 $HTTP_POST_FILES 数组（依然有效，但反对使用)
2013-07-07
浅谈PHP设计模式之对象池模式Pool
对象池模式是一种提前准备了一组已经初始化了的对象『池』而不是按需创建或者销毁的创建型设计模式。对象池客户端会向对象池中请求一个对象，然后使用这个返回的对象执行相关操作。当客户端使用完毕，它将把这个特定类型的工厂对象返回给对象池，而不是销毁掉这个对象。
2021-05-05
PHP将二维数组某一个字段相同的数组合并起来的方法
这篇文章主要介绍了PHP将二维数组某一个字段相同的数组合并起来的方法,涉及PHP多维数组操作的相关技巧,需要的朋友可以参考下
2016-02-02
PHP中localeconv()函数的用法
今天小编就为大家分享一篇关于PHP中localeconv()函数的用法，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
2019-03-03
linux下 C语言对 php 扩展
linux C语言对 php 扩展的设置技巧
2008-12-12
怎样使用php与jquery设置和读取cookies
有两种处理cookies的方式—服务端(php,asp等)和客户端(javascript).在这个教程中，我们将学习到以php和javascript这两种方式如何去创建cookies
2013-08-08
php实现解析xml并生成sql语句的方法
这篇文章主要介绍了php实现解析xml并生成sql语句的方法,涉及php针对xml格式文件的读取、解析及sql字符串拼接相关操作技巧,需要的朋友可以参考下
2018-02-02
php下用cookie统计用户访问网页次数的代码
利用cookie统计用户访问网页次数的代码，需要的朋友可以参考下。作为学习cookies的资料，不推荐使用。
2010-05-05
php中3des加密代码(完全与.net中的兼容)
php中3des加密的结果与.Net/java不同的帖子与话题实在是太多了，我前不久也在倒腾这些，不过今天已经搞定了,完全与.net中的兼容
2012-08-08
PHP6新特性分析
这篇文章主要介绍了PHP6新特性,简单分析了PHP6中出现的新特性,具有一定参考借鉴价值,需要的朋友可以参考下
2016-03-03