jquery 提示信息顯示后自動消失的具體實現(xiàn)
更新時間:2013年12月18日 16:59:48 作者:
讓提示信息顯示后自動消失的方法有很多,在本文為大家介紹下使用jquery是如何做到的,感興趣朋友可以參考下
經(jīng)常需要做讓一個提示信息顯示幾秒然后自動消失的效果,之前是用setTimeout去實現(xiàn),但是發(fā)現(xiàn)如果頁面上有多個setTimeout就不太好。今天找到了兩個很簡單的方法.mark一下。
方法一:
$("#errormsg").html("您的信息輸入錯誤,請重試!").show(300).delay(3000).hide(300);
方法二:
$("#errormsg").html("ok").hide(3000);// 這個是漸漸消失
$("#errormsg").html("ok").fadeTo(3000).hide(); //這個是讓他顯示5秒(實際就是沒有改變透明度),然后隱藏
方法一:
復制代碼 代碼如下:
$("#errormsg").html("您的信息輸入錯誤,請重試!").show(300).delay(3000).hide(300);
方法二:
復制代碼 代碼如下:
$("#errormsg").html("ok").hide(3000);// 這個是漸漸消失
$("#errormsg").html("ok").fadeTo(3000).hide(); //這個是讓他顯示5秒(實際就是沒有改變透明度),然后隱藏
您可能感興趣的文章:
- jQuery制作input提示內(nèi)容(兼容IE8以上)
- jquery 淡入淡出效果的簡單實現(xiàn)
- jQuery 淡入淡出、展開收縮菜單實現(xiàn)代碼
- jquery實現(xiàn)通用版鼠標經(jīng)過淡入淡出效果
- 基于jquery實現(xiàn)的文字淡入淡出效果
- jquery實現(xiàn)鼠標滑過顯示提示框的方法
- JQuery實現(xiàn)簡單驗證碼提示解決方案
- 基于JQuery 的消息提示框效果代碼
- jquery.validate提示錯誤信息位置方法
- jQuery實現(xiàn)鼠標懸停顯示提示信息窗口的方法
- jQuery實現(xiàn)可兼容IE6的淡入淡出效果告警提示功能示例
相關文章
Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法總結
本文是對Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用進行了詳細的總結介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11