我们在做网站的时候经常会遇到一些特殊的导航,比如导航带高亮,二级导航镶嵌下拉等等。当有这些的时候就找不到方法了,默认是无法输出的,今天呢蜀戎网就给大家讲解一下,如何来写这种导航标签。
一级栏目调用例子:
<ul>
{pboot:nav num=10 parent=0}
<li><a href="[nav:link]">[nav:name]</a></li>
{/pboot:nav}
</ul>
二级栏目调用例子:
<ul>
{pboot:nav num=10 parent=0}
<li><a href="[nav:link]">[nav:name]</a>
{pboot:if([nav:soncount]>0)}
<ul>
{pboot:2nav num=10 parent=[nav:scode]}
<li><a href="[2nav:link]">[2nav:name]</a></li>
{/pboot:2nav}
</ul>
{/pboot:if}
</li>
{/pboot:nav}
</ul>
三级导航栏调用例子:
<ul>
{pboot:nav num=10 parent=0}
<li><a href="[nav:link]">[nav:name]</a>
{pboot:if([nav:soncount]>0)}
<ul>
{pboot:2nav num=10 parent=[nav:scode]}
<li><a href="[2nav:link]">[2nav:name]</a></li>
{pboot:3nav num=10 parent=[2nav:scode]}
<li><a href="[3nav:link]">[3nav:name]</a></li>
{/pboot:3nav}
{/pboot:2nav}
</ul>
{/pboot:if}
</li>
{/pboot:nav}
</ul>
三级ul弹出导航栏调用例子:(2级if嵌套)
<ul>
{pboot:nav num=10 parent=0}
<li><a href="[nav:link]">[nav:name]</a>
{pboot:if([nav:soncount]>0)}
<ul>
{pboot:2nav num=10 parent=[nav:scode]}
<li><a href="[2nav:link]">[2nav:name]</a>
{pboot:2if([2nav:soncount]>0)}
<ul>
{pboot:3nav num=10 parent=[2nav:scode]}
<li><a href="[3nav:link]">[3nav:name]</a></li>
{/pboot:3nav}
</ul>
{/pboot:2if}
</li>
{/pboot:2nav}
</ul>
{/pboot:if}
</li>
{/pboot:nav}
</ul>
高亮方法:
{pboot:if('[nav:scode]'=='{sort:tcode}')}class="on"{/pboot:if}
或者
{pboot:if(0=='{sort:scode}')}class='active'{/pboot:if}
栏目列表调用,如头部的导航条的实现:
{pboot:nav num=10 parent=0}
[nav:i] 栏目序号
[nav:pcode] 父编码
[nav:scode] 栏目编码
[nav:name] 栏目名称
[nav:subname] 栏目副名称
[nav:link] 栏目链接
[nav:type] 栏目类型,1单页、2列表
[nav:outlink] 外链接
[nav:listtpl] 列表页模板
[nav:contenttpl] 内容页模板
[nav:ico] 栏目缩略图
[nav:pic] 栏目大图
[nav:keywords] 栏目关键字
[nav:description] 栏目描述
[nav:soncount] 子栏目数量,无子栏目时为0
[nav:rows] 输出栏目下内容数量(V1.3+)
{/pboot:nav}
调节参数:
num=* 数量,非必填,用于控制输出的数量
parent=* 父菜单编码,非必填,用于控制输出列表的父菜单编码,默认0,即从一级菜单开始输出
parent={sort:pcode} 可用于输出当前栏目的同级菜单
parent={sort:scode} 可用于输出当前栏目的子菜单
parent={sort:tcode} 可用于输出当前栏目顶级菜单的子菜单
1、导航菜单列表
{pboot:nav} <a href="[nav:link]">[nav:name]</a> {/pboot:nav}
控制参数:
num=* 数量,非必填,用于控制输出的数量
parent=* 父菜单编码,非必填,用于控制输出列表的父菜单编码,默认0,即从一级菜单开始输出
parent={sort:pcode} 可用于输出当前栏目的同级菜单
parent={sort:scode} 可用于输出当前栏目的子菜单
parent={sort:tcode} 可用于输出当前栏目顶级菜单的子菜单
2、可使用的列表标签
[nav:n] | 序号,从0开始 |
[nav:i] | 序号,从1开始 |
[nav:pcode] | 父栏目编码 |
[nav:scode] | 当前栏目编码 |
[nav:name] | 栏目名称 |
[nav:subname] | 栏目副名称 |
[nav:link] | 栏目链接 |
[nav:type] | 栏目类型,1单页、2列表 |
[nav:outlink] | 后台设置的跳转链接 |
[nav:listtpl] | 列表页模板 |
[nav:contenttpl] | 详情页模板 |
[nav:ico] | 栏目缩略图 |
[nav:pic] | 栏目大图 |
[nav:keywords] | 栏目关键字 |
[nav:description] | 栏目描述 |
[nav:soncount] | 当前栏目子栏目的数量,无子栏目时为0 |
[nav:rows] | 输出栏目下内容数量(V1.3+) |
3、常见使用示例
高亮菜单
使用判断语句:{pboot:if('[nav:scode]'=='{sort:tcode}')}class="active"{/pboot:if}
首页特殊用法:{pboot:if(0=='{sort:scode}')}class="active"{/pboot:if}
菜单嵌套
二级嵌套
{pboot:nav}
<a href= "[nav:link]">[nav:name]</a>
{pboot:2nav parent=[nav:scode]}
<a href= "[2nav:link]">[2nav:name]</a>
{/pboot:2nav}
{/pboot:nav}
三级嵌套
{pboot:nav}
<a href= "[nav:link]">[nav:name]</a>
{pboot:2nav parent=[nav:scode]}
<a href= "[2nav:link]">[2nav:name]</a>
{pboot:3nav parent=[2nav:scode]}
<a href= "[3nav:link]">[3nav:name]</a>
{/pboot:3nav}
{/pboot:2nav}
{/pboot:nav}
如果有更多级别,以此类推,使用数字依层级套用,理论上不限级调用
- 1蓝天采集器discuz插件显示乱码
- 2蓝天采集器采集列表中能否增加单选按框和批量采集按钮
- 3蓝天采集器怎么获取图片组?
- 4蓝天采集器新手采集咨询
- 5蓝天采集器无法抓取内容页网址为相对地址的列表
- 6蓝天采集器测试的时候没有问题。真正采集出现这种问题
- 7蓝天采集器自动采集不定时停止运行
- 8蓝天采集器伪静态后台有问题
- 9腾讯云winds服务器挂载数据盘在系统桌面教程
- 10蓝天采集器发布数据库
- 11今日头条站长平台上线下一个搜索引擎来了
- 12蓝天采集器规则请教
- 13蓝天采集器请问 获取内容页中,内容以JSON方式获取,无法循环入库
- 14163k地方门户系统升级时遇到的一些报错解决办法
- 15蓝天采集器求助-内容页网址获取- 测试时和实际采集时结果不同
- 16pbootcms蓝天采集器发布插件制作参数教程
- 17蓝天采集器数据处理环节有BUG
- 18163K系统S2版升级S3前注意事项和准备工作
- 19蓝天采集器文章发布入库SQLSTATEHY000: General error: 1364 Field 'voteid' doesn't have a default value解决办法
- 20蓝天采集器发布问题
-
蓝天采集器蓝天采集器应该添加可以保存···
蓝天采集器应该添加可以保存在本地txt格式 可以设置指定保存路径目录 admin 发表于 2018-6-6 20:46 哦,用分隔符?可以考虑考虑 不用分隔符, 就是直接保存一行一篇文章 你怎么不设置个赞助支付链接呀, txt不支持多个···
-
极致cms公共配置
系统配置统一使用规则:{$webconf[配置参数]} 或者 通过方法获取{fun webConf(配置参数)} 扩展配置统一使用规则:标签名{$customconf[配置参数]["title"]} 【v1.3取消】标签···
-
蓝天采集器内容页网址保存后自动被替换···
原本是<div class="title02">证券要闻</div> 点保存后测试正常 去点采集的时候无法采集 然后点开编辑发现之前保存的被替换成了 <div class="ti···
-
163K网站系统二维码跳转进入小程序···
在 网站后台 -> 公众号 -> 推文助手 中 二维码类型 中选择 小程序二维码 时 需要按此说明进行配置1 登陆小程序管理平台 https://mp.weixin.qq.com/2 打开 开发 -> 开发管理 ->···
-
蓝天采集器建议:下个版本能否开发将“···
用这个试试,可以导入其他任务的发布设置 暂时没有导出,后期完善