php无刷新分页插件,jQuery插件jPaginate实现无刷新分页

jPaginate是基于jQuery的动感滚动分页插件，它的表现形式是像分页的按钮一样，非常有意思的是这些按钮却可以滚动，可以通过单击或鼠标滑向点两侧的小箭头来控制按钮的前后滚动。

PHP读取第一页数据：

' . $pubdate . '' . $row['title'] . '';

}

mysql_close();

jQuery

$("#demo3").paginate({

count: , //总记录数

start: 1, //开始显示的页数

display: 5, //分页条显示的页数

border: true, //是否显示页码的边框

border_color: '#BEF8B8', //设置边框的颜色

text_color: '#79B5E3', //设置页码的颜色

background_color: '#E3F2E1', //设置页码的背景色

border_hover_color: '#68BA64', //设置鼠标滑向页码时页码边框的颜色

text_hover_color: '#2573AF', //设置鼠标滑向页码时页码的颜色

background_hover_color: '#CAE6C6', //设置鼠标滑向页码时页码背景的颜色

images: false, //是否显示页码导航箭头

mouse: 'press', //设置为'press'时，当鼠标滑向导航箭头时，页码随之滚动；设置为'slide'时，鼠标单击一次导航箭头页码滚动一次。

onChange: function(page) { //当单击页码时，回调函数.

$("#pagetxt").load("article.php?p=" + page);

}

});

article.php

$p = isset($_GET['p']) ? intval($_GET['p']) : "";

$result = mysql_query("select id from article");

$total = mysql_num_rows($result);

$pagesize = 6; //每页显示数

$page = ceil($total / $pagesize); //总页数

if ($p) {

$startPage = ($p - 1) * $pagesize;

$query = mysql_query("select id,title,addtime from article order by id desc limit $startPage, $pagesize");

while ($row = mysql_fetch_array($query)) {

$pubdate = date("Y-m-d", $row['addtime']);

echo '

以上所述就是本文的全部内容了，希望大家能够喜欢。

本文原创发布php中文网，转载请注明出处，感谢您的尊重！

php无刷新分页插件,jQuery插件jPaginate实现无刷新分页_jquery相关推荐

转 jquery插件--241个jquery插件—jquery插件大全
241个jquery插件-jquery插件大全 jquery插件jqueryautocompleteajaxjavascriptcoldfusion jQuery由美国人John Resig创建,至今 ...
html json解析插件,jQuery插件jsonview展示json数据
本文实例为大家分享了jQuery插件jsonview展示json数据的具体代码,供大家参考,具体内容如下项目中要展示json数据,自己写一套html来展示太麻烦,可以使用jquery的插件jsonv ...
241个jquery插件—jquery插件大全
jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team. jQuery是继prototype之后又一个优秀的Javascrīpt框架.其经典 ...
html5 滚屏效果插件,jQuery插件fullPage.js实现全屏滚动效果
本文实例为大家分享了全屏滚动插件fullPage.js的具体使用方法,供大家参考,具体内容如下 0.01 基本演示的HTML 布局以及js 代码 //需要连接连接的三个文件 //css文件 / ...
diolog js_js组件-js插件-jquery插件-dialog对话框弹层
dialog js dialog弹窗用法这是内容这是内容 var dialog = new Dialog(); dialog.init({target:"#dialog-content ...
html 图片旋转插件,jQuery插件expander实现图片翻转特效
分享一款基于jQuery图片弹出翻转特效代码.这是一款基于jQuery+HTML5实现的,里面包含六款不同效果的鼠标点击图片弹出特效下载.效果图如下: 引入CSS和JS expander.min.js ...
jQuery-------zTree树形插件-jQuery插件
解压zTree_v3-master,查看demo 使用浏览器访问\zTree_v3-master\demo\cn的index.html页面案例:最简单的树-标准json数据步骤 1. 查看/dem ...
Asp.Net无刷新分页（ jquery.pagination.js）
采用Jquery无刷新分页插件jquery.pagination.js 实现无刷新分页效果友情提示:本示例Handler中采用StringBuilder的append方法追加HTML,小数据量可 ...
2011年的32有用的jQuery插件
jQuery插件真正为开发人员很有帮助,今天分享的插件有很多你没有见到过的,但是非常实用的.这32个有用的的插件对你的开发很有帮助.如果你喜欢这些jQuery插件,记得收藏, JQUERY插件 jRu ...

php无刷新分页插件,jQuery插件jPaginate实现无刷新分页_jquery

php无刷新分页插件,jQuery插件jPaginate实现无刷新分页_jquery相关推荐

最新文章

热门文章