使用JQuery可以通过添加CSS类来实现在选中时突出显示导航链接的效果。具体步骤如下:
<a href="#" class="nav-link">链接1</a>
<a href="#" class="nav-link">链接2</a>
<a href="#" class="nav-link">链接3</a>
$(document).ready(function() {
$('.nav-link').click(function() {
// 移除所有导航链接的选中状态
$('.nav-link').removeClass('active');
// 为当前点击的导航链接添加选中状态
$(this).addClass('active');
});
});
.nav-link.active {
background-color: #f00;
color: #fff;
}
这样,当用户点击导航链接时,JQuery会为其添加"active"类,从而应用选中时的样式,实现突出显示导航链接的效果。
推荐的腾讯云相关产品:腾讯云服务器(CVM)和腾讯云云函数(SCF)。
领取专属 10元无门槛券
手把手带您无忧上云