nav 鼠标移入当前高亮显示，其他消失

<div class="w_ev">
    <div class="container w-indro d-yunb">
        <ul>
            <li style="margin-left:0px;"><a href="" target="_blank">中心介绍</a></li>
            <li><a href="" target="_blank">事业部设置</a></li>
            <li><a href="" target="_blank">管理团队</a></li>
            <li><a href="" target="_blank">专家见证</a></li>
            <li><a href="" target="_blank">大事记</a></li>
            <li><a href="" target="_blank">员工风采</a></li>
            <li class="d-mbc" style="margin-left:0px; margin-top:15px;"><a href="" target="_blank">社会责任 </a></li>
            <li style="margin-top:15px;"><a href="" target="_blank">博仁动态</a></li>
            <li style="margin-top:15px;"><a href="" target="_blank">客户案例 </a></li>
            <li style="margin-top:15px;"><a href="" target="_blank">博仁荣誉</a></li>
            <li style="margin-top:15px;"><a href="" target="_blank">加入我们</a></li>
            <li style="margin-top:15px;"><a href="" target="_blank">联系我们</a></li>
        </ul>
    </div>
</div>
<style>
    .d-mbc a{
        color:#fff!important;
        background: #1e88e5!important;
    }
</style>

<script>
    $('.d-yunb li ').mouseover(function () {
        $(this).addClass('d-mbc');
        $(this).siblings().removeClass('d-mbc');
    });
</script>

 

转载于:https://www.cnblogs.com/wolflower/p/7566774.html