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

 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连接添加的样式

未经允许不得转载:大谋菠萝格 » 给ZBLOG PHP模板 导航 添加当前页高亮效果

打赏 收藏
分享到: +

评论 3

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)
  • 网址 (选填)
  1. #3
    晨东
    你好 。请问一下中间那一块代码样式怎么做出来的?
    晨东 2014-06-23 14:01:08回复 取消评论
  2. #2
    雨夜
    学习下。。。
    雨夜 2014-06-21 22:25:26回复 取消评论
  3. #1
    访客
    好简洁的文章介绍。
    访客 2014-06-21 10:12:21回复 取消评论