更新時間:2024-03-07 來源:黑馬程序員 瀏覽量:
當我們打開計算機或一個系統(tǒng)經(jīng)常會在屏幕的右下角滑出一個消息的推送窗口,為用戶提供實時的信息。此功能可通過方法$.messager.show()實現(xiàn),如下所示。
$.messager.show({ width: 200, height: 30; title: ' 通知 ', msg: ' 這是一條推送消息! ', showSpeed: 1000, timeout: 0, showType: 'slide' });
上述代碼中,width和height屬性用于設(shè)置消息框的寬和高,title屬性用于定義消息框的標題,屬性msg用于設(shè)置消息的主體內(nèi)容,屬性showSpeed用于定義消息窗口完成顯示所需的時間(以毫秒為單位,默認是600)。屬性timeout設(shè)為0表示除非用戶關(guān)閉,否則消息窗口將不會關(guān)閉。若設(shè)為非0的值,則消息窗口將在超時后自動關(guān)閉(默認為4s)。屬性showType定義窗口以何種動畫顯示,默認為slide,其他可選值為null、fade和show。