jQuery的淡入addClass

我使用jQuery的一类适用于在悬停即元素addClass('active')jQuery的淡入addClass

类增加了一个边框，改变背景颜色，但我想有这些变化褪色的，而不是仅仅在或关闭。

这是可能的使用jQuery即添加一个类，并具有该类增加淡入的效果？

来源

2012-11-04 Marty Wallace

CSS3过渡或使用jQuery UI来动画颜色。 –

如果使用jQueryUI，如果不使用jQueryUI，则将构建在http://api.jqueryui.com/addClass/之后，我要做的是从类中提取所有属性并逐个为其设置动画。

来源

2012-11-04 22:17:06 leopic

尝试使用jQuery UI .addClass和.removeClass。

$(function() { 
    $("div.className").hover(function() { 
     $(this).stop(true,true).addClass("active", 500); 
    }, function() { 
     $(this).stop(true,true).removeClass("active", 100); 
    });  
});

您还可以使用.animate获得所需的效果。见下文，

请注意，您需要jQueryUI才能正常工作。

$(function() { 
    $("div.className").hover(function() { 
     $(this).stop().animate({ 
      backgroundColor: "#a7bf51" 
     }, 800); 
    }, function() { 
     $(this).stop().animate({ 
      backgroundColor: "#FFFFFF" 
     }, 800); 
    }); 

});

来源

2012-11-04 22:18:00

请注意，'.animate'不会在没有UI或至少[jQuery.color]（https://github.com/jquery/jquery-color/blob/master/jquery.color.js）模块的情况下生成颜色。 –

啊，是的，我忘了提到这一点。 –

也许一个很好的解决方案，如果.animate()函数不适合你（因为你有图像背景或什么）。

创建一个具有相同内容和新类的div元素。将新的div置于您的元素上，并fade in它。

来源

2012-11-04 22:24:13 netdjw

jQuery的淡入addClass

回答

相关问题