javascript - 在 Javascript 中使链接处于活动状态

Question

我对 Javascript 有一些问题。事实上，我只是该脚本语言的新手，所以我需要一些帮助。问：如何使此链接处于活动状态：

<a href="#box1">something</a>

此链接只是指向位于 index.html 文件中的 div 的链接，因此不会加载页面。这是div

<div id="box1" class="box">
<h3><a name="box1">something</a></h3>
</div>

Answer 1

由于您刚刚开始，我建议您使用诸如 jQuery 之类的库。所以，如果你的 HTML 是这样的：

<div id="box1" class="box">
<h3><a name="box1">something</a></h3>
</div>
<div id="box2" class="box">
<h3><a name="box2">something</a></h3>
</div>
<div id="box3" class="box">
<h3><a name="box3">something</a></h3>
</div>

你有一个名为的 CSS 类youarehere：

.youarehere { color:white; background:green; }

使用 jQuery，您可以编写以下内容：

$(".box > a").click(function() {             // when clicking any of these links
    $(".box > a").removeClass("youarehere"); // remove highlight from all links
    $(this).addClass("youarehere");          // add highlight to clicked link
})

在纯 JS 中，实现这一点需要更多的努力。帮自己一个忙，不要重新发明轮子——人们已经解决了这个问题，所以用他们的劳动成果让你的生活更轻松。

Answer 2

a:active 表示当您单击链接时，css 属性将应用于链接，而不是使用 a:active 使用

a.visited{color:red;}

Answer 3

要在鼠标悬停时更改链接文本颜色，请使用以下 css：

<style type="text/css">
        a:hover{color:Red;}
    </style>