這篇文章主要介紹了帝國cms實現當前欄目高亮效果的方法，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

成都創新互聯，專注為中小企業提供官網建設、營銷型網站制作、成都響應式網站建設、展示型成都做網站、網站建設、外貿營銷網站建設等服務，幫助中小企業通過網站體現價值、有效益。幫助企業快速建站、解決網站建設與網站營銷推廣問題。

帝國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表示當前欄目字體為白色，背景為黑色。用戶可以根據自己的喜好調整css樣式，來達到自己滿意的效果！

感謝你能夠認真閱讀完這篇文章，希望小編分享帝國cms實現當前欄目高亮效果的方法內容對大家有幫助，同時也希望大家多多支持創新互聯，關注創新互聯行業資訊頻道，遇到問題就找創新互聯，詳細的解決方法等著你來學習!

網站欄目：帝國cms實現當前欄目高亮效果的方法
標題鏈接：http://www.js-pz168.com/article20/pojdco.html

成都網站建設公司_創新互聯，為您提供移動網站建設、動態網站、服務器托管、軟件開發、做網站、手機網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯