使用jquery animate突出显示加载div

Question

我有一个简单的通知系统。我想使用jquery通过改变背景颜色来突出显示div onload，并在500ms之后恢复正常。与我们在Stackoverflow上回答问题时类似。足够简单以引起注意。

<div id="flash">Notification</div> 

 $(function() {
    $( "#flash" ).animate({
    backgroundColor: "#aa0000",
     }, 1000 );
 });

它没有按预期工作。它不会切换回#ffffff。

我感谢任何帮助。

Answer 1

jQuery UI对此称为highlight具有特定效果。 animate对background-color等属性使用background-color的问题进行了描述here：

  

所有   动画属性应该是动画的   到一个数字值，除了   如下所述;大多数属性   非数字无法使用动画   基本的jQuery功能。 （对于   例如，宽度，高度或左边都可以   动画，但背景颜色不能   是。）属性值被视为a   否则，像素数   指定。单位em和％可以   在适用的地方指定。

编辑如果你真的不想使用jQuery UI选项，你可以通过将{{1}}包装到自己的元素中并隐藏它来模拟类似的效果。 / p>

示例：http://jsfiddle.net/niklasvh/x2jrU/