1

メニュー項目の私のhtmlコードを以下に示します

<div id="menuBar">
<ul>
<li><a href="${pageContext.request.contextPath}/jsp/Main.jsp?menu=3&skin=1&p=Javascript-Menus">Home</a></li>
<li><a href="${pageContext.request.contextPath}/jsp/RootSipResourceUI.jsp?menu=3&skin=1&p=Horizontal-Menus">Add</a></li>
<li><a href="${pageContext.request.contextPath}/jsp/EditAppId.jsp?menu=3&skin=1&p=Web-Menus" onclick="changeColor(this);">Edit</a></li>
<li><a href="${pageContext.request.contextPath}/jsp/EditAppId.jsp?menu=3&skin=1&p=Web-Menus">Remove</a></li>
</ul>
</div>

javascriptまたはcsshtmlを使用して、マウスオーバーおよびマウスクリックイベントのメニュー項目の背景色を変更する必要があります。私を助けてください。私は試した。しかし、動作しませんでした。

4

5 に答える 5

3

あなたのリンクはおそらくclass同じものを共有するのではなく、hrefLinkの名前を望んでいidます。

CSSには次のようなエントリが必要です。

#menuBar a { style... }
#menuBar a:hover { style... }

お役に立てば幸い

于 2012-04-30T06:04:37.057 に答える
3

このサイトを参照してください。これが必要だと思います。

コードはこちら

于 2012-05-03T08:41:59.673 に答える
2

上記の答えはすべて正しく、要件を完全に満たしています。onmouseclick に関する限り、Jquery を使用する場合は....

<script>
$(document).ready(function() {
$("#menuBar > a").click(function() {
$(this).addClass("active");
});
});
</script>

<style>
.active { background:#3d3d3d; }
</style>
于 2012-04-30T06:49:49.140 に答える
1

これを試して：

.ClassA:hover
{
 background-color: #245250;
}
.ClassB:active
{
 background-color: #FFFFFF;
}
于 2012-04-30T06:37:38.450 に答える
1

リンク内に id 属性があるため、次のように css でリンクのスタイルを設定する必要があります

#hrefLink a { background-color:white; }
#hrefLink a:hover { background-color:black; }

Css id 要素はページに 1 回だけ表示する必要があるため、上記の例で css クラスを使用することをお勧めします。

.hrefLink a { style... }
.hrefLink a:hover { style... }
于 2012-04-30T06:09:22.723 に答える