Question

我希望在colored filter使用jQuery时应用mouseenter（在我的css中）效果。 mouseenter必须应用于侧边栏（具有class="sidebar"）。

出于某种原因，我不能在侧边栏上使鼠标中心工作。在这种情况下，羽毛，文字和侧边栏需要变成彩色。

请求帮助。

有关详细信息，请参阅此小提琴：http://fiddle.jshell.net/897mC/2/

Answer 1

我有一个working sample here可以达到羽毛和顶栏的效果。

您无法通过将display设置为none来控制CSS类是否适用于元素。

如果您在CSS课程中有display: none，则表示任何具有该课程的HTML元素都不会显示。

您应该根据需要在目标元素中添加和删除所需的类：

$("#home_top").mouseenter(function () {
    $("#topBar").removeClass("sGray");
    $("#topBar").addClass("sColor");
    $("#featherOne, #featherTwo").removeClass("fGray");
    $("#featherOne, #featherTwo").addClass("fColor");
});

$("#home_top").mouseleave(function(){
    $("#topBar").removeClass("sColor");
    $("#topBar").addClass("sGray");
    $("#featherOne, #featherTwo").removeClass("fColor");
    $("#featherOne, #featherTwo").addClass("fGray");
});

要实现您正在寻找的延迟，您的CSS类应包含所需属性的转换：

-webkit-transition: filter 750ms ease-in;
       -moz-transition: filter 750ms ease-in;
        -ms-transition: filter 750ms ease-in;
         -o-transition: filter 750ms ease-in;
            transition: filter 750ms ease-in;

jQuery mouseenter效果不起作用

1 个答案: