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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章