jquery 提示資訊顯示後自動消失的具體實現

2021-06-19 18:59:32 字數 427 閱讀 5620

讓提示資訊顯示後自動消失的方法有很多,在本文為大家介紹下使用jquery是如何做到的,感興趣朋友可以參考下

經常需要做讓乙個提示資訊顯示幾秒然後自動消失的效果,之前是用settimeout去實現,但是發現如果頁面上有多個settimeout就不太好。今天找到了兩個很簡單的方法.mark一下。

方法一:

**如下:

$("#errormsg").html("您的資訊輸入錯誤,請重試!").show(300).delay(3000).hide(300);

方法二:

**如下:

$("#errormsg").html("ok").hide(3000);// 這個是漸漸消失

$("#errormsg").html("ok").fadeto(3000).hide(); //這個是讓他顯示5秒(實際就是沒有改變透明度),然後隱藏

JQuery 浮動DIV顯示提示資訊並自動隱藏

浮動div定時顯示提示資訊,如操作成功,失敗等 param string tips 提示的內容 param int height 顯示的資訊距離瀏覽器頂部的高度 param int time 顯示的時間 按秒算 time 0 sample 點選 showtips tips,height,time s...

jQuery資訊提示工具 Poshy Tip

poshy tip是一款非常友好的資訊提示工具,它基於jquery,當滑鼠滑向鏈結時,會出現乙個資訊提示條。資訊的內容直接可以在html裡設定也可以是從服務端呼叫的資料,該外掛程式還提供了很多屬性和方法。檢視演示demo xhtml demo中提供了三種使用的例子,頁面 如下 1 id tip1 t...

jQuery資訊提示工具Poshy Tip

poshy tip是一款非常友好的資訊提示工具,它基於jquery,當滑鼠滑向鏈結時,會出現乙個資訊提示條。資訊的內容直接可以在html裡設定也可以是從服務端呼叫的資料,該外掛程式還提供了很多屬性和方法。如下提供了三種使用的例子,如下 1.滑鼠滑上這裡看看 2.使用者名稱 3.服務端呼叫 滑鼠滑向這...