## 导航 > 栏目循环列表导航,导航标签支持三级导航 全局标记（**请注意，type和sid引用和aspcms不同**） {zzz:navlist type=? sid=? postion=? num=10} [navlist:?] {/zzz:navlist} ## 参数说明： |名称| 参数| 选项|说明| 事例| | --- | --- | --- |--- |--- | | 类型| type= | all,news,product,... | 对应后台模型，不支持数组|{zzz:navlist type=news}| | 分类| sid= | 数字or数组 | 数字（5）为下级，数组（1,2,5）为当前|{zzz:navlist sid=5}| | 位置| postion= | menu, top, left,end | 后台设置位置|{zzz:navlist postion=top}| | 数量| num= | 数字 | 非必要,默认空为10|{zzz:navlist type=all num=50}| * 前三项参数必选其一 ## 便签说明： | 标签 | 说明 | 备注 | | --- | --- | --- | | [navlist:i] | 计数 | (从1开始计数) | | [navlist:j] | 计数 | (从0开始计数) | | [navlist:sid] | 当前分类id | | | [navlist:tsid] | 当前分类顶级id | | | [navlist:psid] | 当前分类上级id | | [navlist:name] | 栏目名称 | | | [navlist:enname] | 栏目英文名称 | | | [navlist:link] | 栏目链接 | | | [navlist:pic] | 栏目大图 | | | [navlist:ico] | 栏目小图 | | | [navlist:other1] | 栏目备用文本 | | | [navlist:other2] | 栏目备用文本 | | | [navlist:num] | 下级分类数量 | | | [navlist:target] | 包含http自动新开窗口 | 输出target="_blank" | ## 常用演示： 顶级导航调用演示 ~~~ {zzz:navlist type=all} <li {if:[navlist:sid]= {zzz:tsid}} class="on" {end if}><a href="[navlist:link]">[navlist:name]</a></li> {/zzz:navlist} ~~~ 左侧导航调用演示 ~~~ {zzz:navlist sid={zzz:tsid}} <li {if:[navlist:sid]= {zzz:sid}} class="active" {end if}><a href="[navlist:link]">[navlist:name]</a></li> {/zzz:navlist} ~~~ 位置标签postion=? ~~~ {zzz:navlist postion=top} <li {if:[navlist:sid]= {zzz:tsid}} class="on" {end if}><a href="[navlist:link]">[navlist:name]</a></li> {/zzz:navlist} ~~~ 二级导航事例(顶级菜单常用)： ~~~ {zzz:navlist type=all num=10} <li><a href="[navlist:link]" {if:[navlist:sid]= {zzz:tsid}} class="active" {end if}>[navlist:name]</a> {if:[navlist:num]>0} <ul> {zzz:navlist1 sid=[navlist:sid]} <a href="[navlist1:link]">[navlist1:name] </a> {/zzz:navlist1} </ul>{end if} </li> {/zzz:navlist} ~~~ 三级导航事例(左侧菜单常用)： ~~~ {zzz:navlist sid={zzz:tsid} num=50} <li {if:[navlist:sid]= {zzz:sid}} class="active" {end if} {if:[navlist:sid]= {zzz:psid}} class="active" {end if}> <a href="[navlist:link]">[navlist:name]</a> {if:[navlist:num]>0} <ul> {zzz:navlist1 sid=[navlist:sid]} <a href="[navlist1:link]">[navlist1:name] </a> {zzz:navlist2 sid=[navlist1:sid]} <a href="[navlist2:link]">[navlist2:name]</a> {/zzz:navlist2} {/zzz:navlist1} </ul> {end if} </li> {/zzz:navlist} ~~~