您的位置:首页 > 帝国cms教程

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

2020-01-28 21:54:27 帝国cms教程 177

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

相关推荐