天兴工作室

之前给大家介绍过zblogasp版的“ zblog让导航突出显示当前页链接栏目”，zblogphp版的不太一样，给大家介绍下我的想法。

还是借鉴了zbp的“metro”主题，谢谢主题作者新鲜人，这个方法是用js来判断当前页然后加上一个css。具体做法如下：

先加上一段js代码，js代码可以加在模板文件里面，也可以加在模板调用的外部js文件里面，代码如下：

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

注意要修改#nav a这部分，修改#nav为你自己导航的id属性。

然后在css文件里面新增一句：

#nav ul li a.on{background:#ff6f3d;color:#fff;}

同样的修改#nav为你自己的导航属性，背景颜色和字体颜色自行修改。

全部保存然后上传替换就ok了，注意：这个方法只针对首页 列表页有效，文章页面无效。