基於HTML5 Notifications API的訊息通知插件

簡短教學

easyNotify是一款基於HTML5 Notifications API的訊息通知jQuery外掛程式。這個jQuery外掛簡單的利用HTML5 API來在桌面右下角顯示自訂的通知訊息。

該外掛程式需要瀏覽器支援HTML5 Notifications API，瀏覽器的相容性如下：

使用方法

在頁面中引入jquery和easyNotify.js檔案。

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/easyNotify.js"></script>

顯示訊息通知

該訊息通知外掛程式的基本使用方法為：

<p id="easyNotify"></p>  <!-- HTML -->

$("#easyNotify").easyNotify();

 設定參數

可以以物件的方式傳入所需的設定參數：

var myCloseInfo = function(){
    alert('this is a callback function that runs after close the notification.');
};
 
var options = {
      title: "Notificação",
      options: {
        body: "O melhor do Brasil são os Brasileiros.",
        icon: "icon.png",
        lang: 'pt-BR',
        onClose: myCloseInfo
      }
    };
 
$("#easyNotify").easyNotify(options);

可以以物件的方式傳入所需的設定參數：

rrreee title：訊息通知的標題。
body：訊息通知的內容。
icon：：訊息通知的圖片。
lang：語言。
onClose：關閉訊息通知的回呼函數。
onClick：點選訊息通知的回調函數。
onError：發生錯誤時的回呼函數。
以上就是基於HTML5 Notifications API的訊息通知外掛程式的內容，更多相關內容請關注PHP中文網（www.php.cn）！

相關文章：

HTML 5的訊息通知機制

Redis訊息通知系統的實作

web訊息通知系統設計問題

🎜web訊息通知系統設計問題🎜🎜🎜🎜🎜web訊息通知系統設計問題🎜🎜🎜🎜🎜web訊息通知系統設計問題🎜🎜