分享个zbp导航高亮js代码，希望对大家有所帮助-教程、积累-涂涂研版

具体使用方法，大家要结合自己网站导航条代码和js代码一起看才能使用良好。

效果如本站tblog5主题效果：

首页首页高亮
分类页等高亮该分类的导航链接按钮，如果该分类有顶级分类，则高亮该顶级分类链接按钮。
文章页高亮该文章的导航分类链接按钮。如果该分类有顶级分类，则高亮该顶级分类链接按钮。
页面页高亮该页面的页面链接按钮。

代码如下：

//导航高亮
jQuery(document).ready(function($){ 
var datatype=$(".header-nav").attr("data-type");
	$(".nav-menu>li ").each(function(){
		try{
			var myid=$(this).attr("id");
			if("index"==datatype){
				if(myid=="nvabar-item-index"){
					$("#nvabar-item-index a:first-child").addClass("current-menu-item");
				}
			}else if("category"==datatype){
				var infoid=$(".header-nav").attr("data-infoid");
				if(infoid!=null){
					var b=infoid.split(' ');
					for(var i=0;i<b.length;i++){
						if(myid=="navbar-category-"+b[i]){
							$("#navbar-category-"+b[i]+" a:first-child").addClass("current-menu-item");
						}
					}
				}
			}else if("article"==datatype){
				var infoid=$(".header-nav").attr("data-infoid");
				if(infoid!=null){
					var b=infoid.split(' ');
					for(var i=0;i<b.length;i++){
						if(myid=="navbar-category-"+b[i]){
							$("#navbar-category-"+b[i]+" a:first-child").addClass("current-menu-item");
						}
					}
				}
			}else if("page"==datatype){
				var infoid=$(".header-nav").attr("data-infoid");
				if(infoid!=null){
					if(myid=="navbar-page-"+infoid){
						$("#navbar-page-"+infoid+" a:first-child").addClass("current-menu-item");
					}
				}
			}else if("tag"==datatype){
				var infoid=$(".header-nav").attr("data-infoid");
				if(infoid!=null){
					if(myid=="navbar-tag-"+infoid){
						$("#navbar-tag-"+infoid+" a:first-child").addClass("current-menu-item");
					}
				}
			}
		}catch(E){}
	});
});

以分类页为例：导航部分代码：