帝国cms使用js+css实现当前栏目高亮效果的方法
时间:2020-09-13 07:30:07
作者:重庆seo小潘
来源:
帝国cms使用js+css实现当前栏目高亮效果的解决方法如下: 1.模板页面部分加入如下代码: 代码如下:lia id=nav_[!--id--] href=[!--class.url--]#link/a/li2.js部分代码如下: 代码如下:scriptvar cur_nav = document.getElementById(nav_ + [!--self.id--]);cu
帝国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教程》以上就是帝国cms使用js+css实现当前栏目高亮效果的方法的详细内容,更多请关注小潘博客其它相关文章!