Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/409.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery:FadeIn是addclass吗?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript JQuery:FadeIn是addclass吗?

Javascript JQuery:FadeIn是addclass吗?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我的意思是,我必须向社区提出这个问题。 我现在有这个网站: 正如你在菜单栏中所看到的,房子下面有一个边界。 我试图用JQuery实现的是,每当我将鼠标悬停在任何其他菜单项上时,边框都会慢慢淡出,当鼠标离开时,边框就会淡出 我当前的JQuery代码: $("li").mouseenter(function(){ $(this).fadeIn('slow').addClass("current"); }); $("li").mouseleave(function()

我的意思是,我必须向社区提出这个问题。 我现在有这个网站:

正如你在菜单栏中所看到的,房子下面有一个边界。 我试图用JQuery实现的是,每当我将鼠标悬停在任何其他菜单项上时,边框都会慢慢淡出,当鼠标离开时,边框就会淡出

我当前的JQuery代码:

$("li").mouseenter(function(){
        $(this).fadeIn('slow').addClass("current");
    });
    $("li").mouseleave(function(){
        $(this).fadeIn('slow').removeClass("current", 600);
    });
当前类是添加边框的类

有人有什么建议吗

谢谢

您也可以使用css转换

ulli{ 浮动:左; 右边距:10px; 列表样式:无; 边框底部:1px实心透明; 过渡:边界底部2秒; } ulli:悬停{ 边框颜色:aaa; } 家 联系
不能将两个参数传递给jquery中的“removeClass”函数

您可以在“removeClass”上查看他们的文档。如果要删除多个类,必须在每个类名之间使用空格将其发送到一个参数中

如果您想在fadein效果完成后删除该类,那么只需在其回调中调用removeClass函数。有关参考,请阅读fadein的文档

或者,如果您希望在一段时间后,让我们假设1000ms/1秒,那么代码将是:

$("li").mouseenter(function(){
    var self = this;
                $(self).fadeIn(1000,function() {
    self.addClass('current');
    });
            });
            $("li").mouseleave(function(){
               var self = this;
                $(self).fadeOut(1000,function() {
    self.removeClass('current');
    });
            });
            });

可能重复No,即使用CSS。我想对这个函数使用JQuery,然后对转换类使用css,然后用JQuery添加这个类。还是一样。并且.hover可能是您想要的jquery方法。我还没有给您最后的代码,以便您将其放入并根据您的场景执行。因为您没有给出html和css代码。给我那个,只有我才能给你最后的密码。我已经给了你这个想法,这样你就可以在你的代码中应用了。我试图向你展示你在jquery代码中犯的主要错误。
$("li").mouseenter(function(){
    var self = this;
                $(self).fadeIn(1000,function() {
    self.addClass('current');
    });
            });
            $("li").mouseleave(function(){
               var self = this;
                $(self).fadeOut(1000,function() {
    self.removeClass('current');
    });
            });
            });