YzmCMS导航栏二级菜单且高亮
时间:2024年01月27日
/来源:网络
/编辑:佚名
小伙伴们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>
可以啦。若有问题欢迎留言评论。
如何使用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>
可以啦。若有问题欢迎留言评论。
新闻资讯 更多
- 【建站知识】查询nginx日志状态码大于400的请求并打印整行04-03
- 【建站知识】Python中的logger和handler到底是个什么?04-03
- 【建站知识】python3拉勾网爬虫之(您操作太频繁,请稍后访问)04-03
- 【建站知识】xpath 获取meta里的keywords及description的方法04-03
- 【建站知识】python向上取整以50为界04-03
- 【建站知识】scrapy xpath遇见乱码解决04-03
- 【建站知识】scrapy爬取后中文乱码,解决word转为html 时cp1252编码问题04-03
- 【建站知识】scrapy采集—爬取中文乱码,gb2312转为utf-804-03