首页>技术知识>帝国CMS 帝国CMS系统-使用js+css实现当前栏目高亮效果的方法
帝国CMS教程学习网
2022-05-24
帝国CMS教程学习网站--各类帝国cms系统教程、帝国cms标签调用方法、帝国CMS模板插件推荐、后台采集教程,二次开发技术等各类技术教程知识,供广大网友查询学习。

帝国cms使用js+css实现当前栏目高亮效果的解决方法如下:


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

<li><a id="nav_[!--id--]" href="[!--class.url--]#">link</a></li>


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样式,来达到自己满意的效果!


显示全部内容...