飞龙博客

妙法莲华经

分享飞龙分页代码html css和php函数

feilong.org 修订于2017-06-05 03:45:15

分享飞龙分页代码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

如果有更好办法,欢迎与飞龙交流。

更新网址:http://feilong.org/feilong-pagenavi-html-css-php
最初发布:20170209 09:55:08 feilong.org 于广州

加入收藏夹,查看更方便。

所在分类: 网站开发

新作:

旧文:

飞龙前端QQ群