pbootcms栏目(导航、菜单)的用法及案例
1. 导航高亮<li {pboot:if(0=='{sort:scode}')}class="active"{/pboot:if}><a href='{pboot:sitedomain}/'>首页</a></li>
{pboot:nav}
<li {pboot:if(''=='{sort:tcode}')}class="active"{/pboot:if}><a href=""></a>
{pboot:if(>0)}
<ul>
{pboot:2nav parent=}
<a href=""></a>
{/pboot:2nav}
</ul>
{/pboot:if}
</li>
{/pboot:nav}2、判断有无子栏目
{pboot:if(>0)}…{/pboot:if}例1:二级栏目循环判断
{pboot:nav}
<li><a href=""></a> //一级菜单循环
{pboot:if(>0)}<//当有子菜单时显示div
<div>
{pboot:2nav parent=}
<a href=""></a> //二级菜单循环
{/pboot:2nav}
</div>
{/pboot:if}
</li>
{/pboot:nav}例2:判断是否链接赋值
{pboot:nav}
<li><a {pboot:if(>0)} href="javascript:;" {else} href="" {/pboot:if}></a></li>
//无子菜单时显示正常链接,有子菜单时为空连接,用于手机端点击菜单滑出子菜单情况。
{/pboot:nav}
3. 判断内页子栏目高亮
{pboot:if(’’==’{sort:scode}’)}class=“active”{/pboot:if}
//例:
{pboot:nav parent={sort:tcode}}
<li {pboot:if(''=='{sort:scode}')}class="active"{/pboot:if}><a href=""></a></li>
{/pboot:nav}
4、判断导航从第几个开始
{{pboot:if(’’>‘2’)}……{/pboot:if} //从第二个开始
例:
{pboot:nav}
{pboot:if(''>'2')}
<li><a href=""></a></li>
{/pboot:if}
{/pboot:nav}5、隐藏指定 scode 的栏目
{pboot:if(==2||==4)}style=“display: none;”{/pboot:if} //隐藏 scode 为 2,4 的栏目
例:
{pboot:nav}
<li {pboot:if(==2 || ==4)}style="display: none;"{/pboot:if}><a href=""></a></li>
{/pboot:nav}6、判断当前顶级分类是否有子分类,如果没有判断隐藏
{pboot:if('{pboot:nav num=1 parent={sort:tcode}}{/pboot:nav}'=='')}style="display:none;"{/pboot:if} 7、导航栏logo居中显示判断
{pboot:nav}
<a href=""></a>{pboot:if(==3)}<img src="{pboot:sitelogo}">{/pboot:if}
{/pboot:nav}
页:
[1]