注册 登录 天兴工作室:提供zblog模板 emlog模板 dedecms模板的下载和仿站定制

教程

分享一些有关于zblog的教程,这里有zblog初级教程、zblog中级教程和zblog进阶版教程,如果对你有所帮助,深感荣幸

当前位置:网站首页 教程 正文

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

天兴工作室管理 2014-03-12 教程 2491 ℃ 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导航当前页突出显示的方法 教程

赞 (0)

已有 1 位小伙伴发表了看法

羊奶粉

回应ta羊奶粉 (游客)

评论于 2014-03-13 21:16:16

貌似很不错哦

欢迎 发表评论

服务项目

快速入口

常见问题

天兴工作室 | www.txcstx.cn

天兴工作室介绍天兴工作室承接:网站建设、zblog模板和dedecms模板定制、仿站(像素级仿站)、html单页面定制和修改、网站模板修改等服务;我们的办事准则:要么不答应、答应则一定做到

  • 交流群:ZBLOG交流群
  • 客户群:天兴工作室客户群
在线QQ 评论文章