首頁 > CMS教程 > 帝國CMS > 主體

帝國cms怎麼實現目前欄位高亮效果

angryTom
發布: 2019-11-15 14:06:20
原創
2234 人瀏覽過

帝國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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!