帝國cms使用js+css實現當前欄目高亮效果的方法
發布時間:2019-12-03 來源:未知 瀏覽: 關鍵詞: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教程》
以上就是帝國cms使用js+css實現當前欄目高亮效果的方法的詳細內容,更多請關注魔酷閣其它相關文章!
責任編輯:實速科技