今天BTV导航网的小编为你讲一下帝国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实现当前栏目高亮作用的办法的详细介绍，希望对你有所帮助，我们提供了更多和帝国cms使用js+css实现当前栏目高亮效果的方法类似的相关内容推荐，可以你更全面的帮助你解决问题。我们BTV85网址导航还提供网址收录服务，你可以注册提交你的网站信息，帮你引导搜索引擎蜘蛛，同时还有网站SEO优化交流微信群，里面很多SEO高手和大咖，加友链，可以免费进群。