帝國cms使用js+css實(shí)現(xiàn)當(dāng)前欄目高亮效果的解決方法如下：
1.模板頁面部分加入如下代碼:
復(fù)制代碼
代碼如下:<li><a id="nav_[!--id--]" href="[!--class.url--]#">link</a></li>
2.js部分代碼如下:
復(fù)制代碼
代碼如下:<script>
var cur_nav = document.getElementById("nav_" + [!--self.id--]);
cur_nav.className = "cur";
</script>
var cur_nav = document.getElementById("nav_" + [!--self.id--]);
cur_nav.className = "cur";
</script>
3.css部分代碼如下:
復(fù)制代碼
代碼如下:<style>
#nav ul li a.cur {
color:#FFF;
background:#000;
}
</style>
#nav ul li a.cur {
color:#FFF;
background:#000;
}
</style>
用戶還可以根據(jù)自己的喜好調(diào)整css樣式，來達(dá)到自己滿意的效果！
【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過測試外，其他素材未做測試，不保證完整性，網(wǎng)站上部分源碼僅限學(xué)習(xí)交流，請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ：2655101040 給予處理，謝謝支持。