亲,欢迎光临欧方源码网,本站为您提供优质的资源与服务! 按 ctrl + D 加入收藏,下次访问更方便。
当前位置:首页 > 站长学院 > PbootCMS教程 > pbootcms栏目(导航、菜单)的用法及案例

pbootcms栏目(导航、菜单)的用法及案例

PbootCMS教程
欧方源码 2022-08-08 2673次

1. 导航高亮

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

2、判断有无子栏目
{pboot:if([nav:soncount]>0)}…{/pboot:if}

例1:二级栏目循环判断

{pboot:nav} 
<li><a href="[nav:link]">[nav:name]</a> //一级菜单循环

{pboot:if([nav:soncount]>0)} <//当有子菜单时显示div <div> {pboot:2nav parent=[nav:scode]} <a href="[2nav:link]">[2nav:name]</a> //二级菜单循环 {/pboot:2nav} </div> {/pboot:if} </li>{/pboot:nav}

例2:判断是否链接赋值

{pboot:nav} 
<li><a {pboot:if([nav:soncount]>0)} href="javascript:;" {else} href="[nav:link]" {/pboot:if}>[nav:name]</a></li>
//无子菜单时显示正常链接,有子菜单时为空连接,用于手机端点击菜单滑出子菜单情况。
{/pboot:nav}


3. 判断内页子栏目高亮


{pboot:if(’[nav:scode]’==’{sort:scode}’)}class=“active”{/pboot:if}
 
//例:
{pboot:nav parent={sort:tcode}}
<li {pboot:if('[nav:scode]'=='{sort:scode}')}class="active"{/pboot:if}><a href="[nav:link]">[nav:name]</a></li>
{/pboot:nav}


4、判断导航从第几个开始

{{pboot:if([nav:i]’>‘2’)}……{/pboot:if} //从第二个开始
例:
 
{pboot:nav} 
{pboot:if('[nav:i]'>'2')}
<li><a href="[nav:link]">[nav:name]</a></li>
{/pboot:if}
{/pboot:nav}


5、隐藏指定 scode 的栏目

{pboot:if([nav:scode]==2||[nav:scode]==4)}style=“display: none;”{/pboot:if} //隐藏 scode 为 2,4 的栏目
 
例:
 
{pboot:nav}           
<li {pboot:if([nav:scode]==2 || [nav:scode]==4)}style="display: none;"{/pboot:if}><a href="[nav:link]">[nav:name]</a></li>
{/pboot:nav}


6、判断当前顶级分类是否有子分类,如果没有判断隐藏

 {pboot:if('{pboot:nav num=1 parent={sort:tcode}}[nav:name]{/pboot:nav}'=='')}style="display:none;"{/pboot:if} 


7、导航栏logo居中显示判断

{pboot:nav}
<a href="[nav:link]">[nav:name]</a>{pboot:if([nav:i]==3)}<img src="{pboot:sitelogo}">{/pboot:if}
{/pboot:nav}
声明: 本站资源来自网络或会员自行发布,请勿用于非法及商业用途,如果侵犯了您的权益请与我们联系!
推荐模板
QQ在线咨询