我们在做网站的时候经常会遇到一些特殊的导航,比如导航带高亮,二级导航镶嵌下拉等等。当有这些的时候就找不到方法了,默认是无法输出的,今天呢蜀戎网就给大家讲解一下,如何来写这种导航标签。
一级栏目调用例子:
<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}
如果有更多级别,以此类推,使用数字依层级套用,理论上不限级调用
- 1json采集功能点说明
- 2163K网站系统商城物流跟踪-快递鸟配置教程
- 3蓝天采集器后台更新系统失败
- 4163K网站系统相亲人脸识别验证-百度AI配置教程
- 5影视站建设教程-零基础搭建影视站
- 6蓝天采集器发布改为文件储存,但是为什么写入不了
- 7蓝天采集器有没有可能增加这么一个“采集筛选”的功能?
- 8蓝天采集器采集腾讯企鹅号自媒体内容教程(附采集规则)
- 9蓝天采集器任务列表应新增复制功能
- 10蓝天采集器出现无法加载数据库驱动什么情况!求解决!!!!
- 11百度实名认证接口(人脸身份核验API) 申请开通教程
- 12蓝天采集器测试的时候没有问题。真正采集出现这种问题
- 13163K网站系统提现和结算出错需检查的项目
- 14163K网站系统二维码跳转进入小程序--待完善
- 15蓝天采集器无法安装怎么回事???
- 16163K网站系统相亲自动实名认证-百度AI配置教程
- 17蓝天采集器咨询开发Unicode编码解码
- 18pbootcms蓝天采集器发布插件制作参数教程
- 19蓝天采集器求Xiuno BBS发布接口
- 20蓝天采集器内容页只能采集一页?
-
狂雨小说CMS后台采集规则教程附带操···
最近做了狂野小说的蓝天采集器发布插件,今天给大家带来的教程是系统自带的集成采集器规则的使用教程。狂雨小说CMS是一个非常不错的小说程序,(以下简称KYXSCMS)提供一个轻量级小说网站解决方案,基于ThinkPHP5.1+MySQL的技术开···
-
163K网站系统《163K网站系统》···
《163K网站系统》自x10v1版本加入了在线升级功能,需按以下说明配置后,才能在后台正常使用在线升级功能,一键自动升级您的网站到最新版(升级S版需要以X14版本为基础,如果您的网站是X14之前的版本,需要先手动升级到X14,再进行以下设置···
-
163K网站系统相亲人脸识别验证-百···
注: 需要先创建好应用 才能进行下面步骤 创建应用的说明 :相亲自动实名认证-百度AI配置教程1 登陆 百度 控制台https://console.bce.baidu.com/2 进入 产品服务 人工智能 人脸识别3 在 人脸实名认证 项目···
-
蓝天采集器邮箱发出去的文字都是乱码
好的,可以暂时用qq邮箱发送邮件
-
蓝天采集器建议增加实用功能
可以监测标题带有"过滤词"就跳过采集发布,从而采集下一条。 或检测标题必带有我想要的词才采集发布要不就过滤下一条。 正则学好了 在“规则”-“内容页网址”里设置一下就行了。 2.2版本 数据处理》关键词过滤或者条件判···