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>

你有一个名为youarehere的CSS类：

.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属性将应用于链接，而不是使用：active use

a.visited{color:red;}

Answer 3

要更改鼠标上的链接文本颜色，请使用以下css：

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

在Javascript中激活链接

3 个答案: