zblog导航高亮js版

没有高亮的导航是没有灵魂的，然后开始我们的教程吧。

1、根据《zblog二级导航下拉导航多级导航配置设置教程》设置html代码；

2、给对应的导航ui层添加id属性。

id=divNavBar

3、添加css文件

#divNavBar a.on {color: #FCEE8B;}

4、添加js文件

$(document).ready(function() {
    var s = document.location    $("#divNavBar a").each(function() {
      if (this.href == s.toString().split("#")[0]) {
        $(this).addClass("on")
        return false
      }
    })})

5、完工。

这个时候，再去点击导航对应的链接，就会发现，导航高亮已经生效了。