jQuery插件jPaginate实现无刷新分页
更新时间:2015年05月04日 16:11:32 投稿:hebedich
我改了下源码基本可以在ie7,ie8,ie9正常显示。以下是部分源码。发现用别人的东西出了问题很难搞啊。关键是那个ie啊。
jPaginate是基于jQuery的动感滚动分页插件,它的表现形式是像分页的按钮一样,非常有意思的是这些按钮却可以滚动,可以通过单击或鼠标滑向点两侧的小箭头来控制按钮的前后滚动。
PHP读取第一页数据:
<div id="pagetxt"> <?php $query = mysql_query("select id,title,addtime from article order by id desc limit 0, 6"); while ($row = mysql_fetch_array($query)) { $pubdate = date("Y-m-d", $row['addtime']); echo '<p><span>' . $pubdate . '</span><a href="https://www.jb51.net/js/' . $row['id'] . '.html" target="_blank">' . $row['title'] . '</a></p>'; } mysql_close(); ?> </div>
jQuery
$("#demo3").paginate({ count: <?php echo $page; ?>, //总记录数 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 '<p><span>' . $pubdate . '</span><a href="https://www.jb51.net/js/' . $row['id'] . '.html" target="_blank">' . $row['title'] . '</a></p>'; } }
以上所述就是本文的全部内容了,希望大家能够喜欢。
您可能感兴趣的文章:
- jquery分页插件jpaginate在IE中不兼容问题
- PHP+jQuery+Ajax实现分页效果 jPaginate插件的应用
- jQuery Pagination Ajax分页插件(分页切换时无刷新与延迟)中文翻译版
- jquery分页插件jquery.pagination.js使用方法解析
- 一款Jquery 分页插件的改造方法(服务器端分页)
- 最实用的jQuery分页插件
- jQuery Pagination分页插件使用方法详解
- 快速掌握jquery分页插件jqPaginator的使用方法
- jQuery ajax分页插件实例代码
- jquery+css3打造一款ajax分页插件(自写)
- 超好用的jQuery分页插件jpaginate用法示例【附源码下载】
相关文章
Jquery Easyui分割按钮组件SplitButton使用详解(17)
这篇文章主要为大家详细介绍了Jquery Easyui分割按钮组件SplitButton的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2016-12-12解决jquery validate 验证不通过后验证正确的信息仍残留在label上的方法
在本篇文章里小编给大家整理了关于解决jquery validate 验证不通过后验证正确的信息仍残留在label上的方法,有需要的朋友们可以学习下。2019-08-08jQuery移动端日期(datedropper)和时间(timedropper)选择器附源码下载
今天我给大家介绍一款非常有趣的日期和时间选择器,它分为日期选择器datedropper以及时间选择器timedropper,他们俩尤其适合在移动端上应用。感兴趣的小伙伴一起学习吧2016-04-04
最新评论