PbootCMS 子栏目列表实现第一个默认高亮显示的方法

在使用 PbootCMS 开发模板时，经常需要调用某个栏目下的子栏目列表。当子栏目数量较多时，通常需要实现第一个子栏目默认高亮显示的效果。下面介绍具体的实现代码。

核心实现代码

<div class="gd-box">
<ul id="tab">
    {pboot:nav num=10 parent=1}
<li class="tab-{pboot:if([nav:i]==1)}current{/pboot:if}">[nav:name]</li>
    {/pboot:nav}
</ul>
</div>

样式高亮代码说明

高亮样式对应的 class 名称为：

class="tab-current"

因此，实现第一个子栏目高亮效果的完整代码为：

class="tab-{pboot:if([nav:i]==1)}current{/pboot:if}

效果展示

CMSROI模板网

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。