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

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

WBOY
WBOY原創
2016-05-16 17:08:241500瀏覽

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

複製程式碼 程式碼如下:

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

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

$("#errormsg").html("ok").hide( 3000);// 這個是漸漸消失
$("#errormsg").html("ok").fadeTo(3000).hide(); //這個是讓他顯示5秒(實際上就是沒有改變透明度),然後隱藏
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn