分享

给当前页或者跳转后页面的导航栏添加选中后样式

 二宝么么哒 2014-12-17

其中,a1是变化后的样式
Jquery代码:
<script type="text/javascript">
    
    $(document).ready(function() {

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

            $this = $(this);

            if ($this[0].href == String(window.location)) {

                $this.addClass("a1");

            }

        });

    });
    
</script>
HTML代码:
</div>
<div class="header"></div>
<div class="nav">
<ul >
<li><a href="/index.html" target="_blank">网站首页</a></li>
<li><a href="/ptjj.html" target="_blank">简介</a></li>
.
.
.
<li><a href="/rczp.html" target="_blank">人才招聘</a></li>
<li class="endli"><a href="/lxwm.html" target="_blank">联系我们</a></li>
</ul>
</div>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约