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操作CheckBox的方法介紹(選中,取消,取值)
本篇文章主要是對(duì)jQuery操作CheckBox的方法(選中,取消,取值)進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02
jQuery選擇id屬性帶有點(diǎn)符號(hào)元素的方法
這篇文章主要介紹了jQuery選擇id屬性帶有點(diǎn)符號(hào)元素的方法,涉及jQuery選擇器的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03
jQuery Flash/MP3/Video多媒體插件,主要是用來(lái)加載flash或mp3等網(wǎng)絡(luò)媒體文件。2010-01-01
jquery easyui validatebox remote的使用詳解
下面小編就為大家?guī)?lái)一篇jquery easyui validatebox remote的使用詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11
jQuery插件multiScroll實(shí)現(xiàn)全屏鼠標(biāo)滾動(dòng)切換頁(yè)面特效
本文給大家分享的是一款jQuery整屏（全屏）滾動(dòng)插件網(wǎng)頁(yè)特效，滾動(dòng)鼠標(biāo)滾輪整屏一屏滾動(dòng)切換代碼，可設(shè)置文字/圖片絕對(duì)上下左右居中顯示JS代碼，時(shí)下最流行的jQuery全屏滾動(dòng)插件?。嫒轀y(cè)試：IE6及以上、Firefox、Chrome、Opera、Safari、360等主流瀏覽器）2015-04-04
jquery ajax學(xué)習(xí)筆記2 使用XMLHttpRequest對(duì)象的responseXML
使用XMLHttpRequest對(duì)象的responseXML的方式來(lái)接受XML數(shù)據(jù)對(duì)象的DOM對(duì)象2011-10-10
jQuery中removeProp()方法用法實(shí)例
這篇文章主要介紹了jQuery中removeProp()方法用法,實(shí)例分析了removeProp()方法的功能、定義及刪除由prop()方法設(shè)置的屬性時(shí)的使用技巧,需要的朋友可以參考下2015-01-01
formvalidator驗(yàn)證插件中有關(guān)ajax驗(yàn)證問(wèn)題
jquery formvalidator插件是不錯(cuò)的國(guó)產(chǎn)驗(yàn)證插件了，做點(diǎn)普通的校驗(yàn)也是很方便的，但最近遇到個(gè)問(wèn)題，發(fā)現(xiàn)如果表單整個(gè)表單是AJAX提交時(shí)，就不能按傳統(tǒng)的做法了2013-01-01
這篇文章主要介紹了jQuery遍歷json中多個(gè)map的方法,涉及jQuery循環(huán)的技巧與針對(duì)map的遍歷方法,需要的朋友可以參考下2015-02-02
開(kāi)發(fā)人員利用jQuery代碼不僅能給網(wǎng)站帶來(lái)各種動(dòng)畫(huà)、特效，還會(huì)提高網(wǎng)站的用戶(hù)體驗(yàn)。本文總結(jié)了開(kāi)發(fā)者經(jīng)常使用的15個(gè)jQuery代碼片段，大家可以直接拿來(lái)用。2015-09-09