為了增加用戶體驗度，增加網頁的易用性和美觀度，往往需要把當前導航菜單以特殊方式顯示，通常是高亮顯示或有不同於其它菜單的背景，有兩種方法可以實現，第一種是用純css來實現，二是用js輔助css來實現，兩個種方法都比較簡單，相對而言js更簡單些，下面介紹用js來實現的方法：首頁假設我們的導航代碼 ...

需求：如果所有頁面引用同一個頭部導航菜單，點擊欄目后，頁面跳轉的對應頁面，這時導航菜單中該欄目高亮顯示。 導航欄菜單html結構： 實現：判斷a標簽中href屬性與當前窗口URL是否匹配，匹配則給其添加樣式。 js代碼： ...

效果界面： ...

這兩天弄一個mui的底部菜單，有點費時了，嘗試了用vue寫，純js寫，還有根據mui的寫，還是有些問題和麻煩。直到看了網上的一些例子，才想明白，之前一直是一種點擊觸發事件才高亮的思維去做，這個雖然可以了，但是頁面跳轉了就又都沒了。網上看明白的例子是：讓當前頁面地址與導航里的地址做對比，相同就高亮 ...

　　我們在制作wordpress主題時有些客戶要求導航在訪問某個菜單時，這個菜單項會高亮顯示，讓用戶知道自己正在訪問的是哪個菜單下的內容，這個要如何實現呢？wordpress早就為你想好了，.current-menu-item和.current-menu-parent就是wordpress自帶 ...

一、（一）中的代碼還可以修改的地方。 在（一）中，如果是運行在服務器下，如apache等，可以把head和navigation的div抽取出來，放置在另一個html文件里，然后在頁面中，include進來。這樣，當要對導航欄進行修改時，只需要修改一個文件，而不用修改所有相關的頁面文件 ...

...

html 結構排版： // 定位到頁面左側或者右側 <div class="nav"> <ul id="menu-list"> ...