服务器之家

服务器之家 > 正文

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

时间:2019-09-06 14:50     来源/作者:帝国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样式,来达到自己满意的效果!

相关文章

热门资讯

玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分
玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分 2019-06-21
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情 2019-06-22
抖音撒撒累累是什么歌 撒撒累累张艺兴歌曲名字
抖音撒撒累累是什么歌 撒撒累累张艺兴歌曲名字 2019-06-05
叠猫猫队长可以退出吗 叠猫猫队长怎么换队伍
叠猫猫队长可以退出吗 叠猫猫队长怎么换队伍 2019-06-05
超A是什么意思 你好a表达的是什么
超A是什么意思 你好a表达的是什么 2019-06-06
返回顶部