使用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对此调用高亮显示具有特定效果.这里描述了使用animate类似属性的问题:background-color

除非如下所述,否则应将所有动画属性设置为单个数值.大多数非数字属性无法使用基本jQuery功能进行动画处理.(例如,宽度,高度或左侧可以设置动画,但背景颜色不能.)除非另有说明,否则属性值将被视为多个像素.可以在适用的情况下指定单位em和%.

编辑,如果你真的不想使用jQuery UI选项,你可以通过将background-color其包装到自己的元素并隐藏它来模拟类似的效果.