织梦头部导航通过在标签加判断实现高亮显示教程
发布时间:2021-04-30 | 发布者: 东东工作室 | 浏览次数: 次
当我们用织梦模板建站时,经常遇到当前导航高亮的调用,用JS方式也能实现,但是对于很对新手来说很困难,用标签加判断实现导航高亮是最简单的,下面代码是我在一个网站中实现高亮的案例:
<div id="menu">
<ul>
<li {dede:field name=typeid runphp="yes"}(@me=="")? @me=" class='menu_on'":@me="";{/dede:field}><a href="/">网站首页</a></li>
{dede:channel type='top' row='8' currentstyle="<li class='menu_on'><a href='~typelink~' >~typename~</a> </li>" }
<li><a href="[field:typelink/]">[field:typename/]</a></li>
{/dede:channel}
</ul>
</div>
<ul>
<li {dede:field name=typeid runphp="yes"}(@me=="")? @me=" class='menu_on'":@me="";{/dede:field}><a href="/">网站首页</a></li>
{dede:channel type='top' row='8' currentstyle="<li class='menu_on'><a href='~typelink~' >~typename~</a> </li>" }
<li><a href="[field:typelink/]">[field:typename/]</a></li>
{/dede:channel}
</ul>
</div>
menu_on是高亮CSS样式,根据自己代码来修改
转载请标注:东东工作室——织梦头部导航通过在标签加判断实现高亮显示教程
推荐文章
相关文章