口子屋

口子屋小站 首页 学习笔记 查看内容

pbootcms设置导航菜单列表和侧边子类菜单列表栏高亮的方法

2023-3-23 07:02| 发布者: kzadmin| 查看: 1338| 评论: 0

摘要: 小编最近在使用pbootcms做网站,发现pbootcms提供的标签还是比较全的,其中导航列表和侧边栏菜单都可以通过pbootcms提供的内置pboot:if 标签来实现点击进入菜单后高亮效果。高亮菜单使用判断语句:{pboot:if(''=='{s ...

小编最近在使用pbootcms做网站,发现pbootcms提供的标签还是比较全的,其中导航列表和侧边栏菜单都可以通过pbootcms提供的内置pboot:if 标签来实现点击进入菜单后高亮效果。这种方法比单独写一个js方便太多了。

高亮菜单

使用判断语句:{pboot:if('[nav:scode]'=='{sort:tcode}')}class="active"{/pboot:if}

首页特殊用法:{pboot:if(0=='{sort:scode}')}class="active"{/pboot:if}

网站首页菜单高亮时调用:

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

pboot:nav标签调用当前顶级栏目高亮(导航菜单使用)

<a href="[nav:link]" {pboot:if('[nav:scode]'=='{sort:tcode}')}class="menu_hover"{/pboot:if}>[nav:name]</a>

解释:这是一个if判断语句当[nav:scode]标签等于{sort:tcode}标签时则显示class="menu_hover"(插入css类)

pboot:nav标签调用当前顶级栏目子菜单列表高亮(侧边子栏目使用)

<li><a href="[nav:link]" {pboot:if('{sort:name}'=='[nav:name]')}class="xzwz"{/pboot:if}><em>[nav:name]</em></a></li>

解释:[nav:name]在这里是调用的子类栏目名称,所以说写的if判断语句是{sort:name}(当前栏目名称)=[nav:name](子类栏目名称),子类栏目名称是一直不变的只有当前栏目名称在变化,根据变化判断是否高亮。



路过

雷人

握手

鲜花

鸡蛋

最新评论

相关分类

QQ|Archiver|手机版|小黑屋| 口子屋小站-分享个人经验和笔记的博客 ( 京ICP备17003237号-5 )

GMT+8, 2025-1-8 23:37 , Processed in 0.038593 second(s), 15 queries .

Powered by Discuz! X3.4

© 2015-2016 网站地图如有冒犯请即时告知站长邮箱: 1451074562@qq.com

返回顶部