javascript - Javascript でリンクをアクティブにする

Question

Javascript に問題があります。実際、私はそのスクリプト言語の初心者なので、助けが必要です.. Q: このリンクをアクティブにする方法:

<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

マウスオーバーでリンクテキストの色を変更するには、次のcssを使用します。

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

Answer 3

a:active は、リンクをクリックすると、a:active を使用する代わりに css プロパティがリンクに適用されることを意味します

a.visited{color:red;}