重庆小潘seo博客

当前位置:首页 > 重庆网络营销 > 小潘杂谈 >

小潘杂谈

帝国cms怎么实现当前栏目高亮效果

时间:2020-09-13 04:00:06 作者:重庆seo小潘 来源:
帝国cms怎么实现当前栏目高亮效果 实现当前栏目高亮的效果可以使用js+css来实现,具体做法如下: 1.模板页面部分加入如下代码:lia id=nav_[!--id--] href=[!--class.url--]#link/a/li2.js部分代码如下:scriptvar cur_nav = document.getElementById(nav_ + [

帝国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表示当前栏目字体为白色,背景为黑色。用户可以根据自己的喜好调整css样式,来达到自己满意的效果!

推荐教程:帝国CMS教程以上就是帝国cms怎么实现当前栏目高亮效果的详细内容,更多请关注小潘博客其它相关文章!