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操作CheckBox的方法介紹(選中,取消,取值)
本篇文章主要是對jQuery操作CheckBox的方法(選中,取消,取值)進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02
jquery easyui validatebox remote的使用詳解
下面小編就為大家?guī)硪黄猨query easyui validatebox remote的使用詳解。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
jQuery插件multiScroll實現(xiàn)全屏鼠標滾動切換頁面特效
本文給大家分享的是一款jQuery整屏(全屏)滾動插件網(wǎng)頁特效,滾動鼠標滾輪整屏一屏滾動切換代碼,可設置文字/圖片絕對上下左右居中顯示JS代碼,時下最流行的jQuery全屏滾動插件!(兼容測試:IE6及以上、Firefox、Chrome、Opera、Safari、360等主流瀏覽器)2015-04-04
jquery ajax學習筆記2 使用XMLHttpRequest對象的responseXML
使用XMLHttpRequest對象的responseXML的方式來接受XML數(shù)據(jù)對象的DOM對象2011-10-10

