0

ナビゲーションバー付きのマスターページを含む Web サイトを作成しています。1 つのことを除いて、すべてが正しく行われています。選択したコンテンツ ページでホバー スタイルを同じにする必要があります。たとえば、ホームページを閲覧しているとき、ホバーCSSスタイルはHomeナビゲーションバーのアイコンにあります。私はあなたにとってそれが簡単であることを知っていますが、私は初心者です。私はそのためにこのhtmlコードを使用しています:

<div class="nav"><ul class="navbar" >
            <li><a href="Home.aspx">Home</a></li>
            <li><a href="About us.aspx">About us</a></li>
            <li><a href="Sections.aspx">Sections</a></li>
            <li><a href="App.aspx">Appointment</a></li>
            <li><a href="Registeration.aspx">Registration</a></li>
            </ul>
</div>

そして、このcssを実装します:

ul.navbar
{
list-style-type:none;
padding:6px 0 6px 0;
margin:0;
}

ul.navbar li
{
display:inline;
float:left;
}

.navbar a:active, .navbar a:link, .navbar a:visited
{
padding:0 14px 0 14px;
color:#32C5CF;
text-decoration:none;
}

.navbar a:hover
{
text-decoration:underline;
color:#cca628;
}

問題は、サーバー側を使用してそれを実装する必要があるかどうかです。はいの場合、asp.net c# 言語を使用しています。私を助けてください。

事前にThanQ。

4

2 に答える 2

0

まず、簡単に見つけられるように、各リスト アイテムの ID を指定します。

例えば

<div class="nav"><ul class="navbar" >
            <li id="home_link"><a href="Home.aspx">Home</a></li>
            <li id="about_link"><a href="About us.aspx">About us</a></li>
            <li id="sect_link"><a href="Sections.aspx">Sections</a></li>
            <li id="app_link"><a href="App.aspx">Appointment</a></li>
            <li id="reg_link"><a href="Registeration.aspx">Registration</a></li>
            </ul>
</div>

次に、コンテンツ ページの Master プロパティを使用してマスター ページを取得し、FindControl を使用して探しているコントロールを取得します。

ガイド方法があります：http://msdn.microsoft.com/en-us/library/xxwa0ff0.aspx

ですから、あなたがするホームページで

  1. コントロール「home_link」のマスターページを検索します（あなたの場合はliアイテム）
  2. 見つけたアイテムに、アクティブに見せたいCssClassを追加します
  3. リラックス
于 2012-12-31T09:36:02.083 に答える