萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> jquery 提示信息顯示後自動消失的具體實現

jquery 提示信息顯示後自動消失的具體實現

 讓提示信息顯示後自動消失的方法有很多,在本文為大家介紹下使用jquery是如何做到的,感興趣朋友可以參考下

經常需要做讓一個提示信息顯示幾秒然後自動消失的效果,之前是用setTimeout去實現,但是發現如果頁面上有多個setTimeout就不太好。今天找到了兩個很簡單的方法.mark一下。  方法一:   代碼如下: $("#errormsg").html("您的信息輸入錯誤,請重試!").show(300).delay(3000).hide(300);    方法二:  代碼如下: $("#errormsg").html("ok").hide(3000);// 這個是漸漸消失  $("#errormsg").html("ok").fadeTo(3000).hide(); //這個是讓他顯示5秒(實際就是沒有改變透明度),然後隱藏   
copyright © 萬盛學電腦網 all rights reserved