-1

こんにちは、私は自分のウェブサイトのナビゲーションを作成しました。別のページに移動したときにリンクの色を変更したいだけです。たとえば、「about」をクリックすると、about ページに移動します。about ページにいると、about リンクが赤に変わります。

どうやってやるの？ありがとうございました！

ここでコード

html

<nav> 
    <ul>
        <li><a href="index.htm">Home</a></li>
        <li><a href="about.htm">About</a></li>
        <li><a href="#">Services</a></li>
        <li><a href="#">Creatives For Less</a></li>
        <li><a href="#">Blogs</a></li>
        <li><a href="#">Contact</a></li>
    </ul>
</nav>

CSS:

nav {
    float: right;
    margin-top: 13px;
    margin-right: 40px;
}

nav ul {
    font-family: josefin;
    list-style-type: none;
    font-size: 11pt;
    text-transform: uppercase;
}

nav li {
    display: inline;
    padding-left: 15px;

}

nav li a{
    text-decoration: none;
    color: #0ff;
}

nav li a:hover, a:active {
    color: #fff;
}
4

3 に答える 3

2

クラスを持つだけactiveで、ページにいる場合は、<li>そのクラスを持つように設定します。

例えば：

<li class="active"><a href="#">Services</a></li>

そしてあなたのCSSスタイルでactiveクラス：

nav li.active a{
    color: red;
}

ただし、どのページにいるのかを動的に知りたい場合は、PHP、その他のサーバー側言語、または JavaScript を使用する必要があります。

于 2013-07-17T22:09:08.153 に答える
0

JavaScriptまたはサーバー側言語を使用して、いくつかのcssクラスを追加できます。

JavaScript を使用する場合は、ユーザーが about ページにいることを示す何かを見つける必要があります (たとえば、情報を含む div など)。次に、JQuery を使用する場合は、次のクラスを追加します。

$('#mylink').addClass('active');
于 2013-07-17T22:10:51.440 に答える
0

CSS で a:visited を使用します。

a:訪問済み{背景色:黄色; }

それらのクラスの設定も調べてから、CSSを介してそれらを割り当てる必要があります

于 2013-07-17T22:10:51.883 に答える