为了增加用户体验度，增加网页的易用性和美观度，往往需要把当前导航菜单以特殊方式显示，通常是高亮显示或有不同于其它菜单的背景，有两种方法可以实现，第一种是用纯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"> ...