flash,自动消失

view

<% flash.each do |name,msg| %>

?<div id="flash_field" style="width:100%;position: fixed; z-index: 4;">

? ?<div style="font-size:20px;margin: 200px auto;width: 300px;background: #3696E0;padding: 20px;">

? ? ?<span class="close" id="close_flash" style="float:right;" ></span>

? ? ?<div class="alert_h"><%=msg%></div>

? ?</div>

?</div>

<% end %>

js

$(function(){

$("#close_flash").click(function() {

$("#flash_field").hide();

$(".tab_alert").hide();

});

$("#flash_field").fadeOut(2000);

})

css

.close {

? ?background: url(/assets/close.png) no-repeat;

? ?cursor: pointer;

? ?display: block;

? ?height: 17px;

? ?width: 17px;

text-indent: -999px;

overflow: hidden;

}