如何實現閃光/頻閃效果？

我想創建一個類似於cuttherope.ie（當你重放關卡的時刻）的照相機閃光的效果，並且我被卡住在開始處：我想在文檔中使用animate（）來切換其背景和字體顏色然後動畫再次刪除設置的屬性。然而，即使我不能讓第一部分工作。代碼的下面：如何實現閃光/頻閃效果？

P.S：我知道我可以使用jQuery UI的效果（「亮點」），而是因爲我學習jQuery的我想要實現我自己這樣的效果。

2012-02-17 metrampaz

您是否嘗試過查看源的高光效果，有一個從閱讀jQuery代碼中學到很多東西。 – Lazarus 2012-02-17 16:33:20

感謝您的回覆，我一直在努力嘗試，但現在對我來說太複雜了。 – metrampaz 2012-02-17 16:40:04

您不能使用.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"); 
});

2012-02-17 17:01:30

回答