jquery 提示信息顯示后自動(dòng)消失的具體實(shí)現(xiàn)
更新時(shí)間：2013年12月18日 16:59:48 作者：
讓提示信息顯示后自動(dòng)消失的方法有很多，在本文為大家介紹下使用jquery是如何做到的，感興趣朋友可以參考下
經(jīng)常需要做讓一個(gè)提示信息顯示幾秒然后自動(dòng)消失的效果，之前是用setTimeout去實(shí)現(xiàn)，但是發(fā)現(xiàn)如果頁(yè)面上有多個(gè)setTimeout就不太好。今天找到了兩個(gè)很簡(jiǎn)單的方法.mark一下。
方法一：
$("#errormsg").html("您的信息輸入錯(cuò)誤，請(qǐng)重試!").show(300).delay(3000).hide(300);
方法二：
$("#errormsg").html("ok").hide(3000);// 這個(gè)是漸漸消失
$("#errormsg").html("ok").fadeTo(3000).hide(); //這個(gè)是讓他顯示5秒（實(shí)際就是沒(méi)有改變透明度），然后隱藏
方法一：
復(fù)制代碼 代碼如下:
$("#errormsg").html("您的信息輸入錯(cuò)誤，請(qǐng)重試!").show(300).delay(3000).hide(300);
方法二：
復(fù)制代碼 代碼如下:
$("#errormsg").html("ok").hide(3000);// 這個(gè)是漸漸消失
$("#errormsg").html("ok").fadeTo(3000).hide(); //這個(gè)是讓他顯示5秒（實(shí)際就是沒(méi)有改變透明度），然后隱藏
您可能感興趣的文章:
- jQuery制作input提示內(nèi)容（兼容IE8以上）
- jquery 淡入淡出效果的簡(jiǎn)單實(shí)現(xiàn)
- jQuery 淡入淡出、展開(kāi)收縮菜單實(shí)現(xiàn)代碼
- jquery實(shí)現(xiàn)通用版鼠標(biāo)經(jīng)過(guò)淡入淡出效果
- 基于jquery實(shí)現(xiàn)的文字淡入淡出效果
- jquery實(shí)現(xiàn)鼠標(biāo)滑過(guò)顯示提示框的方法
- JQuery實(shí)現(xiàn)簡(jiǎn)單驗(yàn)證碼提示解決方案
- 基于JQuery 的消息提示框效果代碼
- jquery.validate提示錯(cuò)誤信息位置方法
- jQuery實(shí)現(xiàn)鼠標(biāo)懸停顯示提示信息窗口的方法
- jQuery實(shí)現(xiàn)可兼容IE6的淡入淡出效果告警提示功能示例
相關(guān)文章
這篇文章主要介紹了jQuery操作表單常用控件方法,實(shí)例總結(jié)了jQuery針對(duì)常用表單控件的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
這篇文章主要為大家詳細(xì)介紹了jquery uploadify如何取消已上傳成功文件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
jQuery 1.5 源碼有8068行。很多想讀 jQuery 源碼的童鞋在讀了一半不到就不敢往下讀了，jQuery是一個(gè) 封裝良好、代碼緊湊 的框架。2011-04-04
基于jQuery選擇器之表單對(duì)象屬性篩選選擇器的實(shí)例
下面小編就為大家?guī)?lái)一篇jQuery選擇器之表單對(duì)象屬性篩選選擇器實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
利用jQuery中的ajax分頁(yè)實(shí)現(xiàn)代碼
這篇文章主要介紹了利用jQuery中的ajax分頁(yè)實(shí)現(xiàn)代碼的相關(guān)資料，對(duì)ajax分頁(yè)感興趣的朋友可以參考一下2016-02-02
jQuery使用有一段時(shí)間了，但是有一些API的實(shí)現(xiàn)實(shí)在想不通。小編參考相關(guān)資料源碼，現(xiàn)在把我的學(xué)習(xí)過(guò)程和收獲分享給大家2016-05-05
項(xiàng)目用到了jquery的表單校驗(yàn)插件validate，但在ie8下有bug，下面有個(gè)不錯(cuò)的解決方法，需要的朋友可以參考下2013-11-11
jQuery實(shí)現(xiàn)火車票買票城市選擇切換功能
本文通過(guò)實(shí)例代碼給大家分享了jQuery實(shí)現(xiàn)火車票買票城市選擇切換功能，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧2017-09-09
這篇文章主要介紹了jquery帶動(dòng)畫(huà)效果幻燈片特效，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法總結(jié)
本文是對(duì)Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11