帝國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怎麼實現目前欄位高亮效果的詳細內容。更多資訊請關注PHP中文網其他相關文章！