您现在的位置是:首页 > 学无止境 > PHPPHP

YzmCMS导航栏二级菜单且高亮

AndyGuo2020-04-03 12:04:54PHP1962人已围观

简介小伙伴们YzmCMS默认的模板导航栏二级菜单可以实现二级菜单但是二级菜单并没有高亮状态!

如何使用YzmCMS实现导航栏二级菜单且高亮,请看下面代码,直接复制即可使用,样式需要自己调整。

<div class="menu">
    <ul>
        <li{if !isset($catid)} class="gxz" {/if}><a href="{$site[site_url]}">网站首页</a></li>
        {m:nav field="catid,catname,arrchildid,pclink,type" where="parentid=0" limit="20"}
		{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)}gxz {/if}jnav"{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>

OJBK啦。若有问题欢迎留言评论。

小郭博客

标签云 更多

关闭
QQ 微信 支付宝扫一扫打赏