给ZBLOG PHP模板 导航 添加当前页高亮效果

分类: ZBlog时间:  6年前 (2014-06-20)阅读:  3211评论:  3

 ZB的导航是系统生成的,但是没有太多可以自定义的CSS效果,只能借助JS来改变html代码实现~

<script>

 $(document).ready(function(){

 var s=document.location;

 $(".nav a").each(function(){

  if(this.href==s.toString().split("#")[0]){$(this).addClass("current-menu-item");return false;}

 });

});

</script>

class="current-menu-item" 就是我们给当前导航的A连接添加的样式

评论列表:

  •   晨东
      发布于 6年前 (2014-06-23)  回复Ta
  • 你好 。请问一下中间那一块代码样式怎么做出来的?

  •   雨夜
      发布于 6年前 (2014-06-21)  回复Ta
  • 学习下。。。

  •   访客
      发布于 6年前 (2014-06-21)  回复Ta
  • 好简洁的文章介绍。