使用 jquery animate 在加载时突出显示 div

Posted 2023-05-08

【中文标题】使用 jquery animate 在加载时突出显示 div

【英文标题】：Using jquery animate to highlight div on load

【发布时间】：2011-09-17 18:01:48

【问题描述】：

我有一个简单的通知系统。我想使用 jquery 通过更改背景颜色来突出显示 div onload，并在 500 毫秒后恢复正常，只需一闪。类似于我们在 *** 上回答问题的时候。简单到足以引起注意。

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

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

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

感谢您的帮助。

【参考方案1】：

jQuery UI 对此有一个特定的效果，称为highlight。在background-color 等属性上使用animate 的问题描述为here：

全部 动画属性应该是动画的 到单个数值，除了 如下所述；大多数属性是 非数字不能使用动画 基本的 jQuery 功能。 （为了 例如，宽度、高度或左侧可以是 动画但 背景色不能 是。）属性值被视为 像素数，除非另有说明 指定的。单位 em 和 % 可以是 在适用的情况下指定。

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

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