Z-Blog让导航突出显示当前页链接条目

1970-01-01    来源:

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

z-blog让导航突出显示当前页链接条目:

我们的大致思路是这样的,首先用js给导航部分中当前链接项加个区分的ID,如

  • 首页
  • ,然后再用CSS定义就完成了。
    • setp1 :加入js(jQuery代码),如下

      原先功能简单的代码

    • } }); });

      haphic将这一代码做了完善,此代码只支持 Z-Blog 模板.

      haphic 完善后的代码

  • setp2 :定义CSS样式
    #menu ul li#current {
    
     background-color:#fff;
    
     color:#0B1316;
    
    }

标签: 代码

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。

上一篇:一些关于z-blog的使用技巧

下一篇:z-blog后台验证码无法显示的原因