超强分页类2.0发布,支持自定义风格,默认4种显示模式

时间:2007-02-17 10:12:00   来源:  作者:  点击:次  出处:技术无忧
关键字:超强分页类 自定义风格


提供自定义风格的演示demo一个。
地址:http://traffic02.100steps.net/52site/test/page2.php?PB_page=13


PHP代码:

<?
require_once('../libs/classes/page.class.php');
class mypage extends page
{
    function mypage($array)
 {
     parent::page($array);
  $this->first_page=1;
  $this->last_page=$this->totalpage;
  $this->set('format_left','');
  $this->set('format_right','');
 }
 
 function show()
 {
     $pagestr='<div class="pagenavi" id="lopage">页:';
  $pagestr.=$this->first_page().' ';
  $pagestr.=$this->nowbar('','curr');
  $pagestr.='<span class="break">...</span>';
  $pagestr.=$this->last_page();
  $pagestr.='   (总计<span class="num">'.$this->totalpage.'</span>页) </div>';
  $pagestr.='</div>';
  return $pagestr;
 }
}
$page=new mypage(array('total'=>1000,'perpage'=>20));
echo $page->show();
?>

其中用到的CSS样式:


<style type="text/css">
<!--
.pagenavi { text-align:center;  font: 11px Arial, tahoma, sans-serif; padding-top: 20px; padding-bottom: 10px; margin: 0px; }
.pagenavi a {border: 1px solid #E2F1AF; background: #FFFFFF; text-decoration: none; color:#C16012; display:inline-block; padding-left:6px; padding-right:6px; padding-top:2px; padding-bottom:2px}
.pagenavi a:visited {border: 1px solid #E2F1AF; background: #FFFFFF; text-decoration: none; padding-left:6px; padding-right:6px; padding-top:2px; padding-bottom:2px}
.pagenavi .break {border: medium none;  text-decoration: none; color:#C16012; background:;; padding-left:6px; padding-right:6px; padding-top:2px; padding-bottom:2px}
.pagenavi .num {color:#C16012; font-size:12pt; padding-left:3px; padding-right:3px; padding-top:0; padding-bottom:0}
.pagenavi .curr {padding: 2px 6px; border-color: #999; font-weight: bold; font-size:12pt; background:transparent;}
.pagenavi a:hover {color: #C16012; background: #E2F1AF; text-decoration: none}
-->
</style>


效果图:

 26c3725b4d39f8b4d7a17a811f8bb734.jpg

访问技术无忧网,软硬件通吃保你技术无忧!网址http://www.pc51.net


相关文章

    无相关信息

文章评论

共有 0 位网友发表了评论 此处只显示部分留言 点击查看完整评论页面

300x250广告位招租