首頁 > web前端 > js教程 > jquery 提示訊息顯示後自動消失的具體實作_jquery

jquery 提示訊息顯示後自動消失的具體實作_jquery

WBOY
發布: 2016-05-16 17:08:24
原創
1499 人瀏覽過

常常需要做讓一個提示訊息顯示幾秒然後自動消失的效果,之前是用setTimeout去實現,但是發現如果頁面上有多個setTimeout就不太好。今天找到了兩個很簡單的方法.mark一下。
方法一:

複製程式碼 程式碼如下:

$("#errorms$(" ).html("您的資料輸入錯誤,請重試!").show(300).delay(3000).hide(300);

方法二:
複製程式碼 程式碼如下:

$("#errormsg").html("ok").hide( 3000);// 這個是漸漸消失
$("#errormsg").html("ok").fadeTo(3000).hide(); //這個是讓他顯示5秒(實際上就是沒有改變透明度),然後隱藏
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板