码迷,mamicode.com
首页 > Web开发 > 详细

jquery导航栏html页面跳转导航字体变色

时间:2016-08-02 16:45:12      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:

html代码:

<div class="collapse">
    <ul class="nav">
        <li><a href="index.html" class="active">首页</a></li>
        <li> <a href="team.html"> 商务合作</a></li>
        <li> <a href="about.html"> 关于我们</a></li>
    </ul>
</div>

jquery代码:

$(document).ready(function(){
    $(".collapse a").each(function(){
        $this = $(this);
        if($this[0].href==String(window.location)){  
            $(".collapse a").removeClass("active");
            $this.addClass("active");  
        }  
    });  
}); 

 

jquery导航栏html页面跳转导航字体变色

标签:

原文地址:http://www.cnblogs.com/wenzheshen/p/5729422.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!