当前位置:首页 > 建站教程 > yzmcms教程>正文

YzmCMS二级菜单导航栏制作方法

2020-10-27 09:42:37 分类: yzmcms教程 阅读(621) 评论(12)

二级菜单导航栏是一个网站重要的组成部分,今天小郭要分享的是YzmCMS二级菜单导航栏调用代码怎么写,并且是可以当前页高亮的,

显示效果如下图:

image.png

下面直接上代码:

<div class="menu">
<ul>
    <li{if !isset($catid)} class="active" {/if}><a href="{$site[site_url]}">网站首页</a></li>
    {m:nav field="catid,catname,arrchildid,pclink,type" where="parentid=0" limit="12"}
	{loop $data $v}
	{php $ischild = $v['arrchildid']!=$v['catid'] ? true : false;}
	{php $arr = explode(',' , $v['arrchildid']);}
    <li{if $ischild} class="{if isset($catid) && in_array($catid , $arr)}active {/if}nav-item"{else}{if isset($catid) && $v['catid']==$catid} class="gxz" {/if}{/if}>
		<a href="{$v[pclink]}" {if $v['type']==2} target="_blank" {/if}>{$v[catname]}</a>
	{if $ischild}
	{php $r = get_childcat($v['catid']);}
        <ul>
            {loop $r $v}
			{php if(!$v['display']) continue;}
            <li><a href="{$v[pclink]}">{$v[catname]}</a></li>
			{/loop}	
        </ul>
	{/if}
    </li>
	{/loop}
</ul>

</div>

将以上代码复制粘贴到头部公共文件(如head.html),然后在模板调用就可以了。

以上就是YzmCMS二级菜单导航栏的制作方法了,更多YzmCMS建站教程请关注小郭博客建站教程专栏。

标签: YzmCMS 二次开发