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選擇器之表單對(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-02jQuery實(shí)現(xiàn)火車票買票城市選擇切換功能
本文通過(guò)實(shí)例代碼給大家分享了jQuery實(shí)現(xiàn)火車票買票城市選擇切換功能,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧2017-09-09Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法總結(jié)
本文是對(duì)Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用進(jìn)行了詳細(xì)的總結(jié)介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-11-11