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