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


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");  
        }  
    });  
}); 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM