JQuery定時自動消失提示框 彈出框

2021-10-01 02:08:01 字數 1094 閱讀 9983

在表單提交中,不論成功與否,好的體驗都應該有彈出提示,效果:

在頁面**顯示提示,1.5秒後消失,不影響頁面的正常布局。

html**顯示提示內容,放在頁面中任何位置。

.alert 

.alert-success

.alert-info

.alert-warning

.alert-danger

首先,載入jquery,然後用下面**實現1.5秒後淡出效果:

$('.alert').html('操作成功').addclass('alert-success').show().delay(1500).fadeout();
如果不想在html中加div,可以直接用js把div新增到頁面中,如下:

一般情況下,如果這個方式使用得很頻繁,寫成函式可以提高復用:

/**

* 彈出式提示框,預設1.2秒自動消失

* @param message 提示資訊

* @param style 提示樣式,有alert-success、alert-danger、alert-warning、alert-info

* @param time 消失時間

*/var prompt = function (message, style, time)

;// 成功提示

var success_prompt = function(message, time)

;// 失敗提示

var fail_prompt = function(message, time)

;// 提醒

var warning_prompt = function(message, time)

;// 資訊提示

var info_prompt = function(message, time)

;

這樣比用settimeout()結構更清晰。

自動關閉MessageBox提示框

dllimport user32.dll public static extern int messageboxtimeouta intptr hwnd,string txt,string caption,int wtype,int wlange,int dwtimeout 記得前面引用命名空間 u...

C 自動關閉彈出提示框

自動關閉彈出提示框 用乙個小窗體顯示提示資訊 例如在乙個form窗體中彈出自動關閉的提示框 1 首先建立乙個彈出提示資訊的窗體 autoclosemassagebox,在裡面拖乙個lable控制項,去掉預設文字,設定為透明,專門用來顯示提示資訊 在這個窗體中加入外部傳入需要提示的資訊和文字標題獲取函...

阻塞提示框

函式原型 void ceikonenv alertwin const tdesc amsg void ceikonenv alertwin const tdesc amsg1,const tdesc amsg2 static void ceikonenv infowinl const tdesc a...