帝國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>
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>
#nav ul li a.cur {
color:#FFF;
background:#000;
}
</style>
用戶還可以根據自己的喜好調整css樣式,來達到自己滿意的效果!
【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。