jQuery插件jPaginate实现无刷新分页
发布时间:2020-12-14 23:12:39 所属栏目:资源 来源:网络整理
导读:jPaginate是基于jQuery的动感滚动分页插件,它的表现形式是像分页的按钮一样,非常有意思的是这些按钮却可以滚动,可以通过单击或鼠标滑向点两侧的小箭头来控制按钮的前后滚动。 PHP 读取第一页数据: div id="pagetxt" php $query = mysql_query("select id
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="http://www.aspzz.cn/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,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="http://www.aspzz.cn/js/' . $row['id'] . '.html" target="_blank">' . $row['title'] . '</a></p>'; } } 以上所述就是本文的全部内容了,希望大家能够喜欢。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |