分享飞龙分页代码html css和php函数
飞龙更新于 2017-02-09 09:55 加入书签 CTRL+D 有 80 个朋友来过分享飞龙分页代码html css和php函数,绝对的好东东!适合各种PHP网站的安装和配置。本日志修订地址:http://feilong.org/feilong-pagenavi-html-css-php 2011年10月9日第1次修订,希望对你有用。
首先是html代码:
<div id="workpagenavi"> <div class="wp-pagenavi"> <span class="pages">共 13 页</span> <span class="current">1</span> <a href="#2" class="page">2</a> <a href="#3" class="page">3</a> <a href="#4" class="page">4</a> <a href="#5" class="page">5</a> <a href="#6" class="page">6</a> <a href="#7" class="page">7</a> <a href="#8" class="page">8</a> <a href="#2" class="nextpostslink">»</a> <span class="extend">...</span> <a href="#13" class="last">Last</a></div> <!--workpagenavi --></div> |
其次是css:
/*飞龙分页*/ /** catnav for wp-pagenavi plugin **/ #workpagenavi{clear:both;padding:18px 0;border-top:0 solid #8ab143;margin-top:16px;} .wp-pagenavi{height:19px;margin:0 auto;width:520px;} .wp-pagenavi span{display:block;height:17px;line-height:17px;border:none;background:none;text-align:center;float:left;padding:0 6px;text-decoration:none;} .wp-pagenavi a{display:block;float:left;text-align:center;height:17px;line-height:17px;padding:0 6px;margin-right:4px; border:1px solid #ccc;background-color:#fff;text-decoration:none;font-size:12px;white-space:nowrap;} .wp-pagenavi a:hover{border:1px solid #8ab143;background-color:#8ab143;text-decoration:none;color:#fff;} .wp-pagenavi .current{display:block;float:left;height:17px;line-height:17px;text-align:center;border:1px solid #fff;background-color:#fff;padding:0 6px;margin-right:4px;text-decoration:none;font-weight:bold;color:#8ab143;} |
最后是php代码:
//飞龙分页函数 function fl_pagenavi($range=8,$perpage=5,$total=20,$paged=1,$baseurl){ if($total>0){ $max_page=ceil($total/$perpage); if($max_page > 1){ echo '<div id="workpagenavi"><div class="wp-pagenavi">'; echo '<span class="pages">共'.$max_page.'页</span>'; if(!$paged){$paged=1;} if($paged != 1){ echo '<a href="'.$baseurl.'" class="firstpage" title="跳转到头页">头页</a> '; $prepage=$paged-1;//echo $prepage; echo '<a href="'.$baseurl.$prepage.'" title="上一页">上一页</a>'; } if($max_page > $range){ if($paged < $range){ for($i=1; $i <= ($range + 1); $i++){ if($i==$paged){echo '<span class="current" title="当前页">'.$i.'</span> '; }else{echo '<a href="'.$baseurl.$i.'" title="Page'.$i.'">'.$i.'</a> '; } } }elseif($paged >= ($max_page - ceil(($range/2)))){ for($i=$max_page-$range; $i <= $max_page; $i++){ if($i==$paged){echo '<span class="current" title="当前页">'.$i.'</span> '; }else{echo '<a href="'.$baseurl.$i.'" title="Page'.$i.'">'.$i.'</a> '; } } }elseif($paged >= $range && $paged < ($max_page - ceil(($range/2)))){ for($i=($paged-ceil($range/2)); $i <= ($paged + ceil(($range/2))); $i++){ if($i==$paged){echo '<span class="current" title="当前页">'.$i.'</span> '; }else{echo '<a href="'.$baseurl.$i.'" title="Page'.$i.'">'.$i.'</a> '; } } } }else{ for($i=1; $i <= $max_page; $i++){ if($i==$paged){echo '<span class="current" title="当前页">'.$i.'</span> '; }else{echo '<a href="'.$baseurl.$i.'" title="Page'.$i.'">'.$i.'</a> '; } } } $nextpage=$paged+1;//echo 'hereis',$nextpage; if($nextpage <= $max_page){ echo '<a href="'.$baseurl.$nextpage.'" title="下一页">下一页</a> ';//echo $paged.' is current。 '; } if($paged < $max_page){ //echo 'hereis'.$max_page; echo '<a href="'.$baseurl.$max_page.'" class="lastpage" title="跳转到尾页">尾页</a>'; } echo '</div><!--workpagenavi --></div>'; } }}//20110913 beijing feilong |
如果有更好办法,欢迎与飞龙交流。
维护小站,感谢赞赏。
联系飞龙,请转淘宝。
飞龙初发:
2017-02-09 09:55
本文更新网址:
https://feilong.org/feilong-pagenavi-html-css-php
所在目录: 网站开发
新作:翻页分页数学模型智力题
旧文:盒子模型基本计算公式