css:
li.active a{
color: #FFCC00;
border-bottom:2px solid #FFCC00 ;
padding-bottom: 6px;
}
html:
<div class="nav-text">
<ul class="text-size20">
<li class="active">
<a href="#industry_pain_point">首页</a>
</li>
<li>
<a href="#contact_us">联系我们</a>
</li>
</ul>
</div>
js:
//选中导航加效果
$(function() {
$(".nav-text ul li").click(function() {
$(this).siblings('li').removeClass('active'); // 删除其他兄弟元素的样式
$(this).addClass('active'); // 添加当前元素的样式
});
});