• 微信
您当前的位置:首页  > 文章 >  帝国cms使用js+css实现当前栏目高亮效果的方法

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

作者:admin 时间:2019-10-20 阅读数:201人

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

声明

源码下载不顺利,比如源码在百度网盘的有时会被无故取消等,请联系QQ:46667551
本站大部分下载资源收集于网络,但除特别说明之外,基本全部亲自测试可用!
但由于某些源码的更新迭代,比如微信小程序官方接口的变动等原因,
如时间过长,可能会造成本可以使用的代码出现问题,下载前请斟酌!
本站资源仅供学习和交流使用,版权归原作者所有,请在下载后24小时之内自觉删除。
若作商业用途,请购买正版,由于未及时购买和付费发生的侵权行为,使用者自行承担,概与本站无关。

原文链接:https://www.love0312.com/167.html,转载请注明出处