织梦dedecms判断导航是否被选中以及采用的css样式

最新推荐文章于 2022-05-18 17:34:46 发布

转载最新推荐文章于 2022-05-18 17:34:46 发布 · 4.9k 阅读

文章标签：

#织梦dedecms判断导航是否被选中 #织梦dedecms切换导航转换样式

织梦dedecms 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用织梦CMS (DedeCMS) 实现网站导航栏的当前选中项高亮显示效果。通过自定义PHP代码块和标签属性，可以轻松地为不同页面设置正确的导航样式。

部署运行你感兴趣的模型镜像

织梦dedecms判断导航是否被选中

代码如下:

{dede:field name=typeid runphp="yes"}(@me=="")? @me=" class='current' ":@me="";{/dede:field}

案例

<div class="nav">
    <ul class="menu">
    <li>
        <a href='{dede:global.cfg_cmsurl/}/' 
        {dede:field name=typeid runphp="yes"}(@me=="")? @me=" class='current' ":@me="";{/dede:field}>
            <span>首页</span>
        </a>
    </li>
    {dede:channel type='top' row='10' 
        currentstyle="<li><a class='current' href='~typelink~' ~rel~><span>~typename~</span></a></li>"}
        <li><a href='[field:typeurl/]' [field:rel/]><span>[field:typename/]</span></a></li>
    {/dede:channel}
    </ul>
</div>

详解:
1、如果当前被选中就采用这个样式 class='current',代码:

{dede:field name=typeid runphp="yes"}(@me=="")? @me=" class='current' ":@me="";{/dede:field}

2、在dede:channel里面，如果菜单当前被选中就采用currentstyle里面的样式

<li><a class='current' href='~typelink~' ~rel~><span>~typename~</span></a></li>

否则采用下面的样式

<li><a href='[field:typeurl/]' [field:rel/]><span>[field:typename/]</span></a></li>

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

图片生成

Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型，相比 3.0 版本，它提升了图像质量、运行速度和硬件效率