Javascript JQuery:FadeIn是addclass吗?
我的意思是,我必须向社区提出这个问题。 我现在有这个网站: 正如你在菜单栏中所看到的,房子下面有一个边界。 我试图用JQuery实现的是,每当我将鼠标悬停在任何其他菜单项上时,边框都会慢慢淡出,当鼠标离开时,边框就会淡出 我当前的JQuery代码: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()
$("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');
});
});
});