首页 > Web开发 > 详细

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

时间:2016-08-02 16:43:40      阅读:1097      评论: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

(1)
(1)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!