1

6 つのメニュー ボタンがあるページがあります。各ボタンには、ホバー イベント (CSS) の独自の背景があります。すべてが正常に機能しますが、ページを選択するときにその背景を静的にしたいのです。javascriptで作ることは可能ですか？これにより、訪問者は自分が選択したボタンの種類を知ることができます。

意味がわからない場合は、jquery で小さなコードを書きます (これは単なる例です)。

$(document).ready(function(){
   $("#button-index1").makeItStaticBackground();
});
4

2 に答える 2

1

css ホバー効果を適用する要素にクラス (Ex menu-element) を追加し、要素がアクティブなときにこのクラスを削除する必要があります。

CSS:

.menu-element:hover{
...
}

JavaScript:

$(document).ready(function(){
   $("#button-index1").removeClass('menu-element');
});
于 2012-07-25T13:30:49.890 に答える
0

私は通常、サーバーにクラスを追加するactiveか、JavaScript を使用してこれを解決します。JavaScript を介して、いくつかのlocation.href===a.hrefマジックを使用できます。CSS では、次のように簡単です。

.menu a:hover,
.menu a.active {
    // definitions..
}
于 2012-07-25T13:33:49.217 に答える