2

これが私のサイドバーコードです

<div><ul class="menusubnav">
<li class="orange"><a href="Managerhomepage.php">Manager</a></li>
<li><a href="addcustomerpage.php">New Customer</a></li>
<li><a href="EditCustomer.php">Edit Customer</a></li>
<li><a href="DeleteCustomerInput.php">Delete Customer</a></li>
<li><a href="addAccount.php">New Account</a></li>
<li><a href="editAccount.php">Edit Account</a></li>
<li><a href="deleteAccountInput.php">Delete Account</a></li>
<li><a href="MiniStatementInput.php">Mini Statement</a></li>
<li><a href="CustomisedStatementInput.php">Customised Statement</a></li>
<li><a href="Logout.php">Log out</a></li>
</ul></div>

ここに私のCSSコードがあります

.menusubnav li{
    margin-top:0px; padding:0;
    list-style:none;
}
.menusubnav a{
    margin-left:0px;
    margin:0px; padding:10px; display:block;
    border-bottom: 1px solid #e0e0e0;
    font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
    text-decoration:none; color: #333;
}
.menusubnav a:hover{
    background-color:#FEF5EE;
}
.menusubnav a:active{
    outline:none;
    border-color:#ffa853;
    background-color:#FF6600;
    box-shadow:0 0 10px #ffa853;
}

ここに私のjsfiddleがあります

これを行う方法を教えてください。サイドバーメニューのアクティブリンクのフォーカスや色を変えたい。助けてください。

4

3 に答える 3

0

WordPress プラットフォームを使用している場合は、非常に簡単です。という名前のクラスを追加し.current_page_item aて、必要に応じてスタイルを設定するだけです。メニュー項目に関係なく、すべてのナビゲーション メニューで機能します。だから試してみてください。うまくいくと思います。

于 2013-11-14T06:33:50.517 に答える
-1

これらの行に沿って何かを試してください:

$('.menusubnav a').click(function() {
   $('.menusubnav a').css('background', '#ffffff');
     $(this).css('background-color', '#FF6600');
});

各 css 関数に完全な css ルールを追加できます。これにより、すべてのメニュー項目がクリックされるたびにデフォルトの状態に設定され、クリックされた項目が更新されます。

于 2013-11-14T06:31:16.087 に答える