源码公社

源码公社»首页 › 站长论坛 › 网站源码/CMS › 帝国cms论坛 › 帝国cms使用js+css实现当前栏目高亮效果的方法 ...

返回列表发新帖

查看: 84|回复: 0

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

沈阳的小布熊

4 主题	0 回帖	0 积分

金币: 0
阅读权限: 220
精华: 0
威望: 0
贡献: 0
在线时间: 0 小时
注册时间: 2012-2-10

发消息

发表于 2023-7-23 00:00:00 | 显示全部楼层 |阅读模式

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

回复

使用道具举报

返回列表发新帖

Archiver|手机版|小黑屋|源码公社 |nimba_sitemap:appname

圆梦公社，专注于为全球华人提供纯粹技术交流的地方，请勿发布任何政治及违法的言论。如有相关侵权、举报、投诉及建议等，请发 E-mail：dzh188@hotmail.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部