Heim  >  Artikel  >  Web-Frontend  >  Plug-in für Nachrichtenbenachrichtigungen basierend auf der HTML5-Benachrichtigungs-API

Plug-in für Nachrichtenbenachrichtigungen basierend auf der HTML5-Benachrichtigungs-API

黄舟
黄舟Original
2017-03-21 16:40:492550Durchsuche

Kurzes Tutorial

easyNotify ist ein jQuery-Plug-in für Nachrichtenbenachrichtigungen, das auf der HTML5-Benachrichtigungs-API basiert. Dieses jQuery-Plug-in verwendet einfach die HTML5-API, um eine benutzerdefinierte Benachrichtigungsmeldung in der unteren rechten Ecke des Desktops anzuzeigen.

Für dieses Plug-in muss der Browser die HTML5-Benachrichtigungs-API unterstützen. Die Browserkompatibilität ist wie folgt:

Plug-in für Nachrichtenbenachrichtigungen basierend auf der HTML5-Benachrichtigungs-API

Verwendung

Einführung Fügen Sie es in die Seitendateien jquery und easyNotify.js ein.

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

Nachrichtenbenachrichtigung anzeigen

Die grundlegende Verwendung des Nachrichtenbenachrichtigungs-Plug-ins ist:

<p id="easyNotify"></p>  <!-- HTML -->
$("#easyNotify").easyNotify();

Konfigurationsparameter

Übergeben Sie die erforderlichen Konfigurationsparameter in Form von Objekten:

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

Die verfügbaren Konfigurationsparameter sind:

  • Titel: Der Titel der Nachrichtenbenachrichtigung.

  • Text: der Inhalt der Nachrichtenbenachrichtigung.

  • Symbol:: Bild der Nachrichtenbenachrichtigung.

  • lang: Sprache.

  • onClose: Rückruffunktion zum Schließen der Nachrichtenbenachrichtigung.

  • onClick: Rückruffunktion für die Benachrichtigung über Klicknachrichten.

  • onError: Rückruffunktion, wenn ein Fehler auftritt.

Das Obige ist der Inhalt des Nachrichtenbenachrichtigungs-Plug-Ins, das auf der HTML5-Benachrichtigungs-API basiert. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn). !

Verwandte Artikel:

Nachrichtenbenachrichtigungsmechanismus von HTML 5

Implementierung des Redis-Nachrichtenbenachrichtigungssystems

Designprobleme beim Webnachrichten-Benachrichtigungssystem

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn