提供zblog模板_zblog主题_wordpress模板的下载和定制

zblogphp导航当前页突出显示的方法

天兴工作室 2014-03-12 教程 5086 1 评论


之前给大家介绍过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了,注意:这个方法只针对首页 列表页有效,文章页面无效。

zblogphp导航当前页突出显示的方法 当前页 导航 zblogphp 教程 第1张


没有找到解决你问题的教程?

您可以试着搜索一下或者直接在线提问。我们也提供收费技术支持,有需要可以在线联系我们。

在线提问 在线客服

1 位网友评论:

取消回复欢迎 发表评论:

  • 请填写验证码
  • 最新文章
  • 热文排行
  • 最多评论
标签聚合

社交账号登录

将本文分享给你的朋友们