`

php分页条

 
阅读更多

        <div class="page-ctn">
        <?php
            $page = $pagepack;
            if($page[cur] > $page[total]){
                $page[cur] = $page[total];
            }

            if(empty($page['cur'])){
            	$page['cur'] = 1;
            }

		    function pageUrl($page, $num){
		    
		    	if($num < 1){
		    		$num = 1;
		    	}
		    	
		    	if($num > $page['total']){
		    		$num = $page['total'];
		    	}

		    	return str_replace('{!page!}', $num, $page['url']);
		    }
        ?>
            <ul class="page-list clearfix">
                <li><a href="<?phpecho pageUrl($page, $page[cur]-1);?>">上一页</a></li>
                
                <?php if($page['cur']  > 1):?>               
                    <li><a href="{:pageUrl($page, 1)}">1</a></li>
                <?php endif; ?>
                
                <?php if($page['cur']  > 3):?>
                    <li><a href="#">...</a></li>
                <?php endif; ?>
                
                <?php if($page['cur']  > 2):?>
                    <li><a href="<?phpecho pageUrl($page, $page[cur]-1);?>"><?phpecho $page['cur']-1;?></a></li>
                <?php endif; ?>
                
                <?php if($page['cur']  > 0):?>
                    <li><a href="<?phpecho pageUrl($page, $page[cur]);?>" class="cur">{$page.cur}</a></li>
                <?php endif; ?>
                
                <?phpif($page['cur']+1 < $page['total']):?>
                    <li><a href="<?phpecho pageUrl($page, $page[cur]+1);?>"><?phpecho ($page['cur'])+1;?></a></li>
                <?phpendif;?>
                
                <?php if($page[cur] < $page[total] - 2):?>
                    <li><a href="#">...</a></li>
                <?php endif; ?>
                
                <?php if($page[cur] < $page[total]):?>
                <li><a href="<?phpecho pageUrl($page, $page[total]);?>">{$page.total}</a></li>
                <?php endif; ?>
                <li><a href="<?phpecho pageUrl($page, $page[cur]+1);?>">下一页</a></li>
            </ul>
        </div>

css:
/***分页条 START***/// {{{
.page-ctn{
  margin: 20px 0;
}
.page-list{
  display: inline-block;
  _display: inline;
  zoom: 1;
  li{
    float: left;
    margin-right: 7px;
  }
  li a{
    display: block;
    float: left;
    border: 1px solid #ddd;
    color: #444;
    background: #fff;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    &:hover, &.cur{
      color: #fff;
      background: #09F;
    }
  }
}


分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics