pbootcms模板首页和顶级栏目高亮

PbootCMS导航高亮代码实现方法

在PbootCMS模板开发中，导航高亮是提升用户体验的重要功能。以下提供首页、顶级栏目及二级子栏目的高亮代码实现方案。

首页高亮代码

使用pboot:if条件判断当前栏目ID是否为0，实现首页导航高亮。

<li {pboot:if(0=='{sort:scode}')}class="on"{/pboot:if}> <a href="{pboot:sitepath}/" title="">网站首页</a> </li>

顶级栏目高亮代码

通过pboot:nav标签循环顶级栏目，利用pboot:if判断当前栏目编码与顶级栏目编码是否一致。

{pboot:nav num=10 parent=0}
    <li><a {pboot:if('[nav:scode]'=='{sort:tcode}')}class="on"{/pboot:if} href="[nav:link]">[nav:name]</a></li>
{/pboot:nav}

调用二级栏目和子栏目高亮代码

以下代码实现多级导航菜单，包含二级子栏目高亮及子栏目列表展开。

{pboot:nav}
    <li {pboot:if('[nav:scode]'=='{sort:tcode}')}class="on"{/pboot:if}><a href="[nav:link]">[nav:name]</a>
        {pboot:if([nav:soncount]>0)}
        <div>
            {pboot:2nav parent=[nav:scode]}
            <a href="[2nav:link]">[2nav:name]</a>
            {/pboot:2nav}
        </div>
        {/pboot:if}
    </li>
{/pboot:nav}