,可以通过以下步骤实现:
:active
来实现这一效果。例如:<a href="#" class="active-link">Link</a>
<style>
.active-link:active {
color: red;
font-weight: bold;
/* 其他样式 */
}
</style>
上述代码中,链接在被点击时会变成红色并加粗。
<a href="#" class="active-link">Link</a>
<button id="reset-button">Reset</button>
<script>
document.getElementById('reset-button').addEventListener('click', function() {
var link = document.querySelector('.active-link');
link.classList.remove('active-link');
});
</script>
上述代码中,当点击"Reset"按钮时,会移除链接的active-link
类,从而取消链接的活动状态。
这样,当页面加载时,链接会处于活动状态,直到点击"Reset"按钮为止。
推荐的腾讯云相关产品:无
请注意,以上答案仅供参考,具体实现方式可能因具体情况而异。
领取专属 10元无门槛券
手把手带您无忧上云