查看: 30|回覆: 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样式,来达到自己满意的效果!

回覆

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 立即注册

本版積分規則

相关侵权、举报、投诉及建议等,请发 E-mail:qiongdian@foxmail.com

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

在本版发帖返回顶部