bg颜色变化时淡入

Question

我希望在用户悬停时更改我的表行bg颜色，同时具有淡入效果。 ff.code不起作用。任何想法？

$(this).fadeIn("slow").css('background-color', '#FFFF99');

Answer 1

仅jQuery不直接支持这一点。您还需要包含jQueryUI脚本，该脚本可以添加更多动画方法。然后，您可以使用“animate”功能来控制进一步的css / class可视化。

一旦你加入jqueryui，请尝试以下方法;

  

$（this）.mouseenter（function（）{

$(this).animate({backgroundColor: '#FFFF99'}, 'slow');  

     

}）   .mouseleave（function（）{

$(this)css('background-color','white'); // if default of white etc.   

     

}）;

Answer 2

您可以使用animate（）来实现所需的效果。见this demo

注意，要在动画上使用slow，您必须包含jQuery UI plugin

Answer 3

当您使用fadeIn()时，目标需要将style.display设置为'none'（当然您不能将隐藏元素悬停，因此您需要使用andyb的建议来使用{ {1}}）