Jquery 实现提示信息淡入淡出效果

css

.message{
    display: none;
    padding:20px;
    position: fixed;
    top: 40%; left:40%;
    border-radius:5px;
    background: rgba(0,0,0,0.5);
    z-index: 5000;
    color:#FFF;
}

js

 $('#message').html("验证失败！请刷新").show().delay(1000).fadeOut();

html

<span id="message" class="message"></span>