Javascript 闪光信息淡入淡出效果

我正在尝试使用带有淡入淡出效果的flash消息，使用

jQuery

。有人能建议最好的方法吗？

当然可以：

$(function() {
   $('#flash').delay(500).fadeIn('normal', function() {
      $(this).delay(2500).fadeOut();
   });
});

---

这是对雅各布上述答案的修改。 你不能在最初没有隐藏的东西中褪色

说明：

将flash的id放入您的flash消息中，如下所示（我的flash消息存储在app/views/layouts/_flashmessages.html.erb）：

---

无法让fadeIN工作，out工作正常——看看是否有兴趣。谢谢老板！

<% flash.each do |key, value| %>
    <div class="well lead" id="flash"><%= value %></div>
<% end %>

jQuery ->

    $('#flash').hide().delay(800).fadeIn(800).delay(4000).fadeOut(800)