1

アクティブなページを強調表示または下線を付けて、閲覧者が自分がどのページにいるか一目でわかるようにする Web サイトがあります。これはhtmlとCSSです。私のコードは次のようになります。

<div class="mainNav" id="nav1">
<span class="navBar">
<a href="index.html" id="homelink">HOME</a> | 
<a href="team.html" id="teamlink">OUR TEAM</a> | 
<a href="partners.html" id="partnerlink">PARTNERS</a> | 
<a href="contact.html" id="contactlink">CONTACT US</a>
</span>
</div>

私はこれに少し慣れておらず、dreamweaver、html、および CSS をかなり理解しているので、サイト訪問者のページを簡単に識別する方法を見つける必要があります。どんな助けでも大歓迎です....

4

2 に答える 2

1

各 HTML ページを手作業で作成している場合は、強調表示された<a></a>タグに CSS クラスを提供し、CSS シートで、そのクラスを使用してアンカーを強調表示するためのルールを指定するだけです。簡単な例を次に示します。

HTML

<a href="www.example.com/page1.html" class="highlighted">About me</a>
<a href="www.example.com/page2.html">Contact me</a>

CSS

a.highlighted {
  font-weight: bold;
}

もう 1 つの方法は、少し面倒な JavaScript を使用するか、コンテンツ管理システムなどのサーバー側のソリューションを使用することです。

于 2012-05-31T15:14:33.187 に答える
0

たぶん、この JavaScript が役に立ちます。ページ上のリンクを現在のページと比較し、一致するリンク テキストを太字にします。

本文が読み込まれたときに読み込まれる関数に配置するか、HTML ドキュメントの最後に配置できます。

var links=document.getElementsByTagName("A");
for(var i=0;i<links.length;i++)
{
    if(location==links[i].href)
    {
        links[i].style.fontWeight="bold";
    }   
}
于 2012-06-01T00:06:48.270 に答える