您现在的位置是：首页 > cms教程 > PbootCMS教程PbootCMS教程

pbootcms导航菜单调用方法和参数说明

刘尉2024-09-11PbootCMS教程已有人查阅

导读多级菜单实现通常默认导航是这样写的然后在加上一个if判断，即使用这个参数 nav:soncount 当它大于0时才触发循环，避免无二级菜单时出现空白内容

多级菜单实现通常默认导航是这样写的

{pboot:nav num=10 parent=0}
nav:name
{/pboot:nav}

默认导航示例
在添加二级导航时，可以参照官网的方式添加好。
然后在加上一个if判断，即使用这个参数 nav:soncount 当它大于0时才触发循环，避免无二级菜单时出现空白内容

{pboot:nav num=10 parent=0}
[nav:name]
{pboot:if([nav:soncount]>0)}
{pboot:2nav parent=[nav:scode]}
[2nav:name]
{/pboot:2nav}
{/pboot:if}
{/pboot:nav}

具体写法如下图所示，三级嵌套也基本上类似操作
菜单高亮显示
菜单高亮显示需要使用到Pboot官方自带的判断语句，为当前菜单添加 active 选择器，然后给他写个样式即可里面放a标签中英文菜单实现
HOME
首页
上面代码需要添加 display-none: none; 样式在样式表里，当页面为对应语言时，不同导航显示复用导航也是类似方式实现，暂时更新这部分教程，如果有新用法，再进行添加

本文标签：

很赞哦！ ()

上一篇：pbootcms模板调用幻灯片轮播图及参数说明

下一篇：pbootcms调用公司简介等单页内容的代码实例

图文教程

相关源码

pbootcms(自适应)SEO优化排名服务公司网站模板核心定位为SEO排名服务商打造的营销型网站框架，集成PbootCMS开源系统的高效管理能力与SEO最佳实践方案，助力企业快速建立专业的技术服务形象。查看源码
(PC+WAP)生活资讯百科新闻门户类pbootcms网站模板为生活资讯、百科门户类企业打造的高性能网站模板，基于PbootCMS开源内核开发，采用HTML5响应式架构，PC与手机端实时数据同步，覆盖全终端用户浏览场景。查看源码
(pc+wap)pbootcms网站模板蓝色小程序网站开发公司基于PbootCMS内核开发的营销型门户模板，为小程序开发公司、电商软件企业打造。采用HTML5自适应架构，实现PC与手机端数据实时同步展示查看源码
(PC+手机)帝国cms7.5漫画图片连载网站源码免费下载本模板基于帝国CMS7.5深度开发，为漫画阅读类网站打造。整体设计风格贴合漫画行业特性，界面布局充分考虑漫画作品的展示需求，支持多种漫画阅读模式。模板采用响应式设计，能够自动适配PC端和移动端设备，为读者提供流畅的阅读体验。查看源码
响应式WordPress简约博客主题Alt_BlogAlt_Blog主题该模板为博客内容展示设计，采用简约现代的风格理念，打造清晰的内容呈现平台。响应式布局确保在不同设备上都能获得良好的浏览体验，帮助博主更好地展示和分享内容。查看源码
(自适应)宽屏农业机械农耕设备类网站pbootcms模板免费下载为农机企业打造的现代化响应式网站模板，自动适配电脑、平板和手机，浏览体验一致，独立页面SEO设置，提升搜索引擎可见度。查看源码