cms教程
cms教程 > 帝国cms > 详情
帝国cms使用js+css实现当前栏目高亮效果的方法
2020-12-03 16:00 蚂蚁资源网 阅读:134
大家好,今小编要介绍的是关于帝国cms使用js+css实现当前栏目高亮效果的方法的相关内容,多方面分析说明,感兴趣朋友的可以参考学习。

关键词:帝国CMS   js   css   当前栏目   高亮   方法  

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


以上就是帝国cms使用js+css实现当前栏目高亮效果的方法的全部内容,希望可以帮助到您。感谢对蚂蚁资源网的支持。
(责任编辑:朴泰桓

版权声明:文章内容是蚂蚁资源网小编精心整合原创的,素材来源于互联网,如无意侵犯到您的权益,请联系网站客服核实版权信息,以便及时删除。
上一篇 下一篇

订单

搜索
蚂蚁资源网

购物车

我的