typecho -- 分页


我想作诗,写雨,写夜的相思,写你,写不出


实现效果


代码

<?php $this->pageNav('|<', '>|',10,'',array('wrapTag' => 'div', 'wrapClass' => 'page-nav','itemTag' =>'li','currentClass' => 'current',)); ?>
  • wrapTag 外层包裹标签名,默认 ol
  • wrapClass 外层包裹类名
  • itemTag 内层标签名, 默认 li
  • textTag 直接输出文字的标签名,
  • currentClass 当前聚焦类名,
  • prevClass 上一页类名,默认为prev
  • nextClass 下一页类名,默认为next

对应的 html 为:

<div class="page-nav">

<li class="prev"><a href="http://pinsily.site/index.php/page/1/">|&lt;</a></li>
<li><a href="http://pinsily.site/index.php/page/1/">1</a></li>
<li class="current"><a href="http://pinsily.site/index.php/page/2/">2</a></li>
<li><a href="http://pinsily.site/index.php/page/3/">3</a></li><li><a href="http://pinsily.site/index.php/page/4/">4</a></li>
<li class="next"><a href="http://pinsily.site/index.php/page/3/">&gt;|</a></li>

</div>

自己的 css 样式:

.page-nav {

    list-style-type: none;
    color: #aaa;
    text-align: center;

}

.page-nav .current {
    border-radius: 50%;
    background: #96c2f1;
    box-shadow: 1px 2px 3px #ddd;
}

.page-nav li {
    border:1px solid #96c2f1;
    display: inline-block;
    float: none;
    padding: 5px 10px 5px 10px;
    margin:0 5px 10px 5px;
    /*background-color: red;*/
}