Jquery 如何在侧边栏中聚焦活动菜单项?
这是我的边栏代码Jquery 如何在侧边栏中聚焦活动菜单项?,jquery,html,css,Jquery,Html,Css,这是我的边栏代码 <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="EditCust
<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>
这是我的
请帮我怎么做这个。我想聚焦或更改侧边栏菜单的活动链接的颜色。
请帮助。只需在活动菜单中添加一个类即可
.active {
outline:none;
border-color:#ffa853;
background-color:#FF6600;
box-shadow:0 0 10px #ffa853;
}
e、 g
注意:不完全是怎么做的,但这是怎么做的概念。我想您会理解这一点,因为您的链接正在重定向到
php
页面,只需向活动菜单添加一个类即可
.active {
outline:none;
border-color:#ffa853;
background-color:#FF6600;
box-shadow:0 0 10px #ffa853;
}
e、 g
注意:不完全是怎么做的,但这是怎么做的概念。我想您会理解这一点,因为您的链接正在重定向到
php
页面尝试以下内容:
$('.menusubnav a').click(function() {
$('.menusubnav a').css('background', '#ffffff');
$(this).css('background-color', '#FF6600');
});
您可以将完整的css规则添加到每个css函数中。这将在每次单击一个菜单项时将所有菜单项设置为其默认条件,并更新单击的项 尝试以下几点:
$('.menusubnav a').click(function() {
$('.menusubnav a').css('background', '#ffffff');
$(this).css('background-color', '#FF6600');
});
您可以将完整的css规则添加到每个css函数中。这将在每次单击一个菜单项时将所有菜单项设置为其默认条件,并更新单击的项 如果你使用Wordpress平台,那就很容易了。只需添加一个名为
.current\u page\u item a
的类,然后根据需要设置样式。无论菜单项是什么,它都适用于每个导航菜单。所以试试看。我想它会很好用的 如果你使用Wordpress平台,那就很容易了。只需添加一个名为.current\u page\u item a
的类,然后根据需要设置样式。无论菜单项是什么,它都适用于每个导航菜单。所以试试看。我想它会很好用的 为什么您需要什么?我想关注活动菜单链接,它可以是动态的,您正在谈论在css中添加manualu类,而sidebarit在服务器端或手动中可以是动态的,因为链接是唯一的URL,例如Managerhomepage.php、addcustomerpage.php,等等。那么我该怎么做呢?如果你能建议我任何文档链接,那么它也可以是可感知的。检查如何添加带有服务器端代码的类的示例更新为什么你需要什么?我想关注活动菜单链接,它可以是动态的,你正在谈论在css中添加manualu类,而sidebarit在服务器端可以是动态的或者手动链接,因为链接是唯一的URL,例如Managerhomepage.php、addcustomerpage.php等。因此,如果您可以向我推荐任何文档链接,我该怎么做呢?如果您可以推荐任何文档链接,那么也可以查看如何添加服务器端代码为No wordpress only phpNo wordpress only php的类的示例,请检查更新
$('.menusubnav a').click(function() {
$('.menusubnav a').css('background', '#ffffff');
$(this).css('background-color', '#FF6600');
});