Maison >développement back-end >tutoriel php > 急好看实用的PHP+JS分页!效果类似百度
急!求一个好看实用的PHP+JS分页!效果类似百度
急!求一个好看实用的PHP+JS分页!效果类似百度!
效果如下:
1 2 3 4 5 6 7 8 9 10 下一页 共有?页
当不是第一页的时候,显示如下:
上一页 1 2 3 4 5 6 7 8 9 10 下一页 共有 ?页
其中,用“另一种颜色标记出当前显示的是哪一页”
该分页代码能跟MYSQL数据库连接使用,实现像百度的分页效果!
小弟是新手,都吧知道如何下手,请各位大哥帮帮忙!谢谢!
------解决方案--------------------
function _setPage($baseUrl, $total, $start, $limit, $parm="") { if($total != 0) $pages = $total/$limit; else $pages = 0; if(empty($start)) $start=0; if(empty($limit)) $limit=20; if($start>$total)$start=$total-$limit; if($start100) $limit=100; //$start = $start - $top; $showpage = 10; $currentpage=$start/$limit; if($currentpage $total/$limit ){ $pageno=$currentpage -5; }else{ $pageno=$currentpage - 5; } $i=$pageno*$limit; } if($total==0) $currentpage = -1; $strPage = "总[" . ($currentpage + 1) . "/" . ceil($pages) . "]页 "; $page=0; $strPage .= ""; if($start/$limit > $showpage) { $tmp = ($pageno - 1)* $limit; $strPage.= "<a href="%24baseUrl&%24parm&start=%22.(%24tmp).%22&limit=%24limit">"; } while($i ". ($pageno + 1) ." "; } else { $strPage .= "</a><a href="%24baseUrl&%24parm&start=%22.(%24pageno*%24limit).%22&limit=%24limit">".($pageno + 1)."</a> "; } $pageno++; $page++; $i+=$limit; if($page > $showpage) { $strPage.= "<a href="%24baseUrl&%24parm&start=%22.(%24pageno*%24limit).%22&limit=%24limit">>></a>"; break; } } if($start>0){ $strPage .= " <a href="%24baseUrl?%24parm&start=0&limit=%24limit">首页</a> "; }else{ $strPage .= " 首页 "; } if($start>0){ $strPage .= " <a href="%24baseUrl&%24parm&start=%22.(%24start-%24limit).%22&limit=%24limit">上一页</a> "; } if($start+$limit下一页 "; } if($start+$limit尾页 "; }else{ $strPage .= " 尾页 "; } return $strPage; } <br><font color="#e78608">------解决方案--------------------</font><br>为什么要JS的? <br><font color="#e78608">------解决方案--------------------</font><br>$baseUrl为页面基本的url,比如说index.php?m=table&a=list<br>$total为你要分页的记录的总数,用来计算有多少页的.<br>$start为当前页开始的记录条数.<br>$limit为每页显示的条数,这个可以定为常量.<br>$parm为额外的参数,比如说你在$baseUrl的基础上又添加了一个search='news'的话,可以在这里添加,以便追加到url里. <br><font color="#e78608">------解决方案--------------------</font><br>学习。 <div class="clear"> </div>