还有最好可以支持CSS样式的~~~麻烦 麻烦~~

解决方案 »

  1.   

    一直用叶子分页,asp/php都无问题,因为是js的。
      

  2.   

    一直用叶子分页,asp/php都无问题,因为是js的。
      

  3.   

    比较麻烦,没有现成的
    js控制
    首先是数组分页,这个能实现吧!
    1、是输出1、2、3 ……页组
    2、定义一个函数用于页组的onclick事件,这个函数用于显示数据:这个函数据先排序数组,然后根据数据段提取
    数组内容,循环内容显示数据。这个函数同时将相关样式设为选中。
    第二个是CSS控制,两个样式,一个是当前选中的;第二个是没有选中的!如果点击,则将当前的样式设为选中的。
      

  4.   

    给你贴一个分页的类吧 <?
    class page
    {
    var $every_page_count; //每页列表显示个数
    var $every_panel_count; //每页面板显示个数
    var $page_count; //总页面数
    var $total_records; //总记录数
    var $current_page; //当前页
    var $direct_page; //是否使用跳转页

    function showlist($every_page_count=20,$every_panel_count=10,$page_count=0,$total_records=0,
      $current_page=1,$direct_page=1){
    //取得面板替换标准页
    $start_trun_page=ceil($every_panel_count/3);
    //页面列表






    if($page_count>$every_panel_count)
    {
    //当列表页大于指定面板页数时
    //当前页是否大于标准面板翻页
    if($current_page>$start_trun_page)
    {
    $start_page=$current_page-$start_trun_page;
    $end_page=$current_page-$start_trun_page+$every_panel_count;
    if($end_page>$page_count) $end_page=$page_count+1;
    for($i=$start_page;$i<$end_page;$i++){
    if($current_page==$i)
    echo "<a href=\"?".$this->get_query_string($i)."\">$i</a>\n";
    else
    echo "<a href=\"?".$this->get_query_string($i)."\">$i</a>\n";
    }
    }
    else
    for($i=1;$i<=$every_panel_count;$i++){
    if($current_page==$i)
    echo "<a href=\"?".$this->get_query_string($i)."\">$i</a>\n";
    else
    echo "<a href=\"?".$this->get_query_string($i)."\">$i</a>\n";
    }
    }else{
    //当列表页大于指定面板页数时,罗列所有页面
    for($i=1;$i<=$page_count;$i++){
    if($current_page==$i)
    echo "<a href=\"?".$this->get_query_string($i)."\">$i</a>\n";
    else
    echo "<a href=\"?".$this->get_query_string($i)."\">$i</a>\n";
    }
    }

    }

    //获得参数更换PAGE参数
    function get_query_string($p)
    {
    $str=$_SERVER['QUERY_STRING'];
    $arr_str=explode("&",strtolower($str));
    if(!empty($str))
    {
      if(is_numeric(strpos($str,"page=")))
      {
    for($i=0;$i<count($arr_str);$i++)
    {
    if(is_numeric(strpos($arr_str[$i],"page=")))
    {
    $arr_str[$i]="page={$p}";
    break;
    }
         }
     return implode("&",$arr_str);
       }
       else
        return $str."&page={$p}";
    }
    else
    return "page={$p}";
    }
    }
    ?>
      

  5.   

    一个超前php分页累,支持css,应该可以满足楼主的要求
    <?
    /**
     * filename: ext_page.class.php
     * @package:phpbean
     * @author :feifengxlq<feifengxlq#gmail.com><http://www.phpobject.net/>
     * @copyright :Copyright 2006 feifengxlq
     * @license:version 2.0
     * @create:2006-5-31
     * @modify:2006-6-1
     * @modify:feifengxlq 2006-11-4
     * description:超强分页类,四种分页模式,默认采用类似baidu,google的分页风格。
     * 2.0增加功能:支持自定义风格,自定义样式,同时支持PHP4和PHP5,
     * to see detail,please visit http://www.phpobject.net/blog/read.php?
     * example:
     * 模式四种分页模式:
       require_once('../libs/classes/page.class.php');
       $page=new page(array('total'=>1000,'perpage'=>20));
       echo 'mode:1<br>'.$page->show();
       echo '<hr>mode:2<br>'.$page->show(2);
       echo '<hr>mode:3<br>'.$page->show(3);
       echo '<hr>mode:4<br>'.$page->show(4);
       开启AJAX:
       $ajaxpage=new page(array('total'=>1000,'perpage'=>20,'ajax'=>'ajax_page','page_name'=>'test'));
       echo 'mode:1<br>'.$ajaxpage->show();
       采用继承自定义分页显示模式:
       demo:http://www.phpobject.net/blog
     */
    class page 
    {
     /**
      * config ,public
      */
     var $page_name="page";//page标签,用来控制url页。比如说xxx.php?page=2中的page
     var $next_page='>';//下一页
     var $pre_page='<';//上一页
     var $first_page='First';//首页
     var $last_page='Last';//尾页
     var $pre_bar='<<';//上一分页条
     var $next_bar='>>';//下一分页条
     var $format_left='<';
     var $format_right='>';
     var $is_ajax=false;//是否支持AJAX分页模式 
     
     /**
      * private
      *
      */ 
     var $perpage;//每页显示记录数
     var $pagebarnum=10;//控制记录条的个数。
     var $totalpage=0;//总页数
     var $ajax_action_name='';//AJAX动作名
     var $nowindex=1;//当前页
     var $url="";//url地址头
     var $offset=0;
     
     /**
      * constructor构造函数
      *
      * @param array $array['total'],$array['perpage'],$array['nowindex'],$array['url'],$array['ajax']...
      */
     function page($array)
     {
      if(is_array($array)){
         if(!array_key_exists('total',$array))$this->error(__FUNCTION__,'need a param of total');
         //__FUNCTION__魔术变量,当前函数名称,数据库查询记录总条数数必须存在,否则报错
         $total=intval($array['total']);//得到总页码数,并且转换成integer
         $perpage=(array_key_exists('perpage',$array))?intval($array['perpage']):10;
         //每页显示的条数
         //intval(mix var)返回返回变量 var 的 integer 数值。
         $nowindex=(array_key_exists('nowindex',$array))?intval($array['nowindex']):'';
         //如果当前页码存在,那么$nowindex=当前页码,否则为空;
         $url=(array_key_exists('url',$array))?$array['url']:'';
         //
      }else{
         $total=$array;//$array不是数组,那么只能是查询数据库得到记录的总条数
         $perpage=10;
         $nowindex='';
         $url='';
      }
      if((!is_int($total))||($total<0))$this->error(__FUNCTION__,$total.' is not a positive integer!');
      //总页数不是整数或者小于0,报错
      if((!is_int($perpage))||($perpage<=0))$this->error(__FUNCTION__,$perpage.' is not a positive integer!');
      //每页显示条数必须是大于0的整数
      if(!empty($array['page_name']))$this->set('page_name',$array['page_name']);//设置pagename
      $this->_set_nowindex($nowindex);//设置当前页
      $this->_set_url($url);//设置链接地址
      $this->totalpage=ceil($total/$perpage);
      $this ->perpage=$perpage;
      $this->offset=($this->nowindex-1)*$this->perpage;//得到当前页面显示的第一条记录在总记录中的条数
      if(!empty($array['ajax']))$this->open_ajax($array['ajax']);//打开AJAX模式
     }
     /**
      * 设定类中指定变量名的值,如果改变量不属于这个类,将throw一个exception
      *
      * @param string $var
      * @param string $value
      */
     function set($var,$value)
     {
      //if(in_array($var,get_object_vars($this)))//get_object_vars()得到指定的对象中定义的属性组成的关联数组。
         $this->$var=$value;
      //else {
       //$this->error(__FUNCTION__,$var." does not belong to Page!");
      //}
      
     }
     /**
      * 打开倒AJAX模式
      *
      * @param string $action 默认ajax触发的动作。
      */
     function open_ajax($action)
     {
      $this->is_ajax=true;
      $this->ajax_action_name=$action;
     }
     /**
      * 获取显示"下一页"的代码
      * 
      * @param string $style
      * @return string
      */
     function next_page($style='')//得到下一页,$style指定css
     {
      if($this->nowindex<$this->totalpage){
       return $this->_get_link($this->_get_url($this->nowindex+1),$this->next_page,$style);
      }
      return '<span class="'.$style.'">'.$this->next_page.'</span>';
     }
    /**
      * 获取显示"把下一页显示成>>"的代码
      * 
      * @param string $style
      * @return string
      */
     function next_bar($style='')//得到下一页,$style指定css
     {
      if($this->nowindex<$this->totalpage){
       return $this->_get_link($this->_get_url($this->nowindex+1),$this->next_page,$style);
      }
      return '<span class="'.$style.'">'.$this->next_bar.'</span>';
     } 
     /**
      * 获取显示“上一页”的代码
      *
      * @param string $style
      * @return string
      */
     function pre_page($style='')//前一页
     {
      if($this->nowindex>1){
       return $this->_get_link($this->_get_url($this->nowindex-1),$this->pre_page,$style);
      }
      return '<span class="'.$style.'">'.$this->pre_page.'</span>';
     }
     /**
      * 获取显示“把上一页显示成<<”的代码
      *
      * @param string $style
      * @return string
      */
     function pre_bar($style='')//前一页
     {
      if($this->nowindex>1){
       return $this->_get_link($this->_get_url($this->nowindex-1),$this->pre_page,$style);
      }
      return '<span class="'.$style.'">'.$this->pre_bar.'</span>';
     }
     /**
      * 获取显示“首页”的代码
      *
      * @return string
      */
     function first_page($style='')
     {
      if($this->nowindex==1){
          return '<span class="'.$style.'">'.$this->first_page.'</span>';
      }
      return $this->_get_link($this->_get_url(1),$this->first_page,$style);
     }
     
     /**
      * 获取显示“尾页”的代码
      *
      * @return string
      */
     function last_page($style='')
     {
      if($this->nowindex==$this->totalpage){
          return '<span class="'.$style.'">'.$this->last_page.'</span>';
      }
      return $this->_get_link($this->_get_url($this->totalpage),$this->last_page,$style);
     }
     
     function nowbar($style='',$nowindex_style='')
     {
      $plus=ceil($this->pagebarnum/2);
      if($this->pagebarnum-$plus+$this->nowindex>$this->totalpage)$plus=($this->pagebarnum-$this->totalpage+$this->nowindex);
      $begin=$this->nowindex-$plus+1;
      $begin=($begin>=1)?$begin:1;
      $return='';
      for($i=$begin;$i<$begin+$this->pagebarnum;$i++)
      {
       if($i<=$this->totalpage){
        if($i!=$this->nowindex)
            $return.=$this->_get_text($this->_get_link($this->_get_url($i),$i,$style));
        else 
            $return.=$this->_get_text('<span class="'.$nowindex_style.'">'.$i.'</span>');
       }else{
        break;
       }
       $return.="\n";
      }
      unset($begin);
      return $return;
     }
     /**
      * 获取显示跳转按钮的代码
      *
      * @return string
      */
     function select()
     {
      $return='<select name="PB_Page_Select" >';
      for($i=1;$i<=$this->totalpage;$i++)
      {
       if($i==$this->nowindex){
        $return.='<option value="'.$i.'" selected>'.$i.'</option>';
       }else{
        $return.='<option value="'.$i.'">'.$i.'</option>';
       }
      }
      unset($i);
      $return.='</select>';
      return $return;
     }
     
     /**
      * 获取mysql 语句中limit需要的值
      *
      * @return string
      */
     function offset()
     {
      return $this->offset;
     }
     
     /**
      * 控制分页显示风格(你可以增加相应的风格)
      *
      * @param int $mode
      * @return string
      */
     
      

  6.   

    回复内容过长,接楼上继续
    function show($mode=1)//支持style
     {
      switch ($mode)
      {
       case '1':
        $this->next_page='下一页';
        $this->pre_page='上一页';
        return $this->pre_page().$this->nowbar().$this->next_page().'第'.$this->select().'页';
        break;
       case '2':
        $this->next_page='下一页';
        $this->pre_page='上一页';
        $this->first_page='首页';
        $this->last_page='尾页';
        return $this->first_page().$this->pre_page().'[第'.$this->nowindex.'页]'.$this->next_page().$this->last_page().'第'.$this->select().'页';
        break;
       case '3':
        $this->next_page='下一页';
        $this->pre_page='上一页';
        $this->first_page='首页';
        $this->last_page='尾页';
        return $this->first_page().$this->pre_page().$this->next_page().$this->last_page();
        break;
       case '4':
        $this->next_page='下一页';
        $this->pre_page='上一页';
        return $this->pre_page().$this->nowbar().$this->next_page();
        break;
       case '5':
        return $this->pre_bar().$this->pre_page().$this->nowbar().$this->next_page().$this->next_bar();
        break;
       case 6:
       $this->first_page='首页';
        $this->last_page='尾页';
        $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;
       break;
      case 7: 
       $this->first_page='首页';
        $this->last_page='尾页';
        $pagestr='<div class="pagenavi2" 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;
       break;
     }
     }
    /*----------------private function (私有方法)-----------------------------------------------------------*/
     /**
      * 设置url头地址
      * @param: String $url
      * @return boolean
      */
     function _set_url($url="")
     {
      if(!empty($url)){
          //手动设置
       $this->url=$url.((stristr($url,'?'))?'&':'?').$this->page_name."=";
      }else{
          //自动获取
       if(empty($_SERVER['QUERY_STRING'])){
           //不存在QUERY_STRING时
        $this->url=$_SERVER['REQUEST_URI']."?".$this->page_name."=";
       }else{
           //
        if(stristr($_SERVER['QUERY_STRING'],$this->page_name.'=')){
            //地址存在页面参数
         $this->url=str_replace($this->page_name.'='.$this->nowindex,'',$_SERVER['REQUEST_URI']);
         $last=$this->url[strlen($this->url)-1];
         if($last=='?'||$last=='&'){
             $this->url.=$this->page_name."=";
         }else{
             $this->url.='&'.$this->page_name."=";
         }
        }else{
            //
         $this->url=$_SERVER['REQUEST_URI'].'&'.$this->page_name.'=';
        }//end if    
       }//end if
      }//end if
     }
     
     /**
      * 设置当前页面
      *
      */
     function _set_nowindex($nowindex)
     {
      if(empty($nowindex)){
       //系统获取
       
       if(isset($_GET[$this->page_name])){
        $this->nowindex=intval($_GET[$this->page_name]);
       }
      }else{
          //手动设置
       $this->nowindex=intval($nowindex);
      }
     }
      
     /**
      * 为指定的页面返回地址值
      *
      * @param int $pageno
      * @return string $url
      */
     function _get_url($pageno=1)
     {
      return $this->url.$pageno;
     }
     
     /**
      * 获取分页显示文字,比如说默认情况下_get_text('<a href="">1</a>')将返回[<a href="">1</a>]
      *
      * @param String $str
      * @return string $url
      */ 
     function _get_text($str)
     {
      return $this->format_left.$str.$this->format_right;
     }
     
     /**
       * 获取链接地址
     */
     function _get_link($url,$text,$style=''){
      $style=(empty($style))?'':'class="'.$style.'"';
      if($this->is_ajax){
          //如果是使用AJAX模式
       return '<a '.$style.' href="javascript:'.$this->ajax_action_name.'(\''.$url.'\')">'.$text.'</a>';
      }else{
       return '<a '.$style.' href="'.$url.'">'.$text.'</a>';
      }
     }
     /**
       * 出错处理方式
     */
     function error($function,$errormsg)
     {
         die('Error in file <b>'.__FILE__.'</b> ,Function <b>'.$function.'()</b> :'.$errormsg);
     }
    }
    ?> 
    <style type="text/css">
    <!--
    .pagenavi {
    position: absolute;
    text-align:center;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0px;
    font-family: Arial, tahoma, sans-serif;
    font-size: 12px;
    top: 0px!improtant;
    left: 260px;
    }
    .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}.pagenavi2 {
    text-align:center;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0px;
    font-family: Arial, tahoma, sans-serif;
    font-size: 12px;
    }
    .pagenavi2 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}
    .pagenavi2 a:visited {border: 1px solid #E2F1AF; background: #FFFFFF; text-decoration: none; padding-left:6px; padding-right:6px; padding-top:2px; padding-bottom:2px}
    .pagenavi2 .break {border: medium none;  text-decoration: none; color:#C16012; background:;; padding-left:6px; padding-right:6px; padding-top:2px; padding-bottom:2px}
    .pagenavi2 .num {color:#C16012; font-size:12pt; padding-left:3px; padding-right:3px; padding-top:0; padding-bottom:0}
    .pagenavi2 .curr {padding: 2px 6px; border-color: #999; font-weight: bold; font-size:12pt; background:transparent;}
    .pagenavi2 a:hover {color: #C16012; background: #E2F1AF; text-decoration: none}
    -->
    </style>