在jquery中选择的菜单项_Jquery_Html_Css

在jquery中选择的菜单项

jquery html css

在jquery中选择的菜单项,jquery,html,css,Jquery,Html,Css,我有个问题…我需要选择菜单。。。我的html：我必须为我的css中的li:hover添加一个活动类？我不想更改任何内容，因为我希望悬停保持不变..请帮助我问题有点含糊不清。如果您的意思是如何设置活动页面菜单项的样式，使其与菜单中的其他项目不同：一种方法是在html或body标记上创建一个类，然后相应地设置菜单样式。e、 g <body class="section-home"> ... <ul class="ca-menu"> <li class="m

我有个问题…我需要选择菜单。。。我的html：

我必须为我的css中的li:hover添加一个活动类？我不想更改任何内容，因为我希望悬停保持不变..请帮助我

问题有点含糊不清。如果您的意思是如何设置活动页面菜单项的样式，使其与菜单中的其他项目不同：

一种方法是在html或body标记上创建一个类，然后相应地设置菜单样式。e、 g

<body class="section-home">
...
<ul class="ca-menu">
    <li class="menu-home"> ....

这在简单的网站上很有效，我已经用了很多年了，但是如果你有一个动态添加菜单项的CMS，它可能会变得很笨拙

祝你好运

备用问题如果问题的意思是，如何在hover上设置页面的样式，为什么要使用jQuery，大多数都可以使用CSS

您支持哪些浏览器

IE9+和最近的chrome/ff？手机浏览器呢？你不能在手机上停留-这个网站还能用吗

要考虑的事情很多，祝你好运。

jQuery，你已经尝试过了？？？是：$document.readyfunction{$li a.clickfunctionevent{$'navigation li.removeClass；$this.parent.addClass'active'；event.preventDefault；}；但是我需要在哪里添加活动类？这个代码有什么问题。。。？我不知道怎么做，但我会努力。。。哦，我会把悬停放在a上，而不是李上，因为真正的老IE会支持itRuskin，你可以帮我举个例子..我不太明白；使用您的代码在codepen.io或其他类似站点上创建一个虚拟页面。准确地告诉我们你的意图是什么，我们可以试着引导你朝着正确的方向前进。

.ca-menu li:hover{
background-color: #000;
}
.ca-menu li:hover .ca-icon{
color: #ff2020;
-webkit-animation: moveFromBottom 300ms ease;
-moz-animation: moveFromBottom 300ms ease;
-ms-animation: moveFromBottom 300ms ease;
 }
.ca-menu li:hover .ca-main{
 color: #000;
-webkit-animation: smallToBig 300ms ease;
-moz-animation: smallToBig 300ms ease;

-ms-animation: smallToBig 300ms ease;
}
.ca-menu li:hover .ca-sub{
color: #000;
background-color: #ff2020;
-webkit-animation: moveFromBottom 500ms ease;
-moz-animation: moveFromBottom 500ms ease;
-ms-animation: moveFromBottom 500ms ease;
}

$(document).ready(function(){
    $("li a").click(function(event){
        $('#navigation li').removeClass();
        $(this).parent().addClass('active');
        event.preventDefault();
    });
});

<body class="section-home">
...
<ul class="ca-menu">
    <li class="menu-home"> ....

.section-home .menu-home,
.section-about menu-about,
...
{ 
    <active styling>
}