如何实现闪光/频闪效果？

Question

我想创建一个类似于cuttherope.ie（当你重放关卡的时刻）的照相机闪光的效果，并且我被卡住在开始处：我想在文档中使用animate（）来切换其背景和字体颜色然后动画再次删除设置的属性。然而，即使我不能让第一部分工作。代码的下面：

http://jsfiddle.net/aM23f/3/

P.S：我知道我可以使用jQuery UI的效果（“亮点”），而是因为我学习jQuery的我想要实现我自己这样的效果。

Answer 1

您不能使用.animate和background-color属性。 From the documentation page：

所有的动画属性应该被设置为一个数字值，除非如下所述;大多数非数字属性不能使用基本的jQuery功能进行动画制作（例如，width,height或left可以为动画，但background-color不可以，除非使用jQuery.Color()插件）。做一个“闪光”效果

一种方式是fadeOut，fadeIn和delay结合：

$("#experiment").click(function() { 
    $(this).fadeOut("fast").delay(25).fadeIn("fast"); 
});​ 

Live example