CMS教程 · 2024年11月25日

帝国cms怎么实现当前栏目高亮效果

帝国cms怎么实现当前栏目高亮效果插图

怎么实现当前栏目高亮效果    

实现当前栏目高亮的效果可以使用js+css来实现,具体做法如下:

1.模板页面部分加入如下代码:


登录后复制

  • 2.js部分代码如下:

    <script>
    var cur_nav = document.getElementById("nav_" + [!--self.id--]);
    cur_nav.className = "cur";
    </script>

    登录后复制

    3.css部分代码如下:

    <style>
        #nav ul li a.cur {
            color:#FFF;
            background:#000;
        }
    </style>

    登录后复制

    上面的css表示当前栏目字体为白色,背景为黑色。用户可以根据自己的喜好调整css样式,来达到自己满意的效果!

    推荐教程:  

    以上就是怎么实现当前栏目高亮效果的详细内容,更多请关注米云其它相关文章!