Burbuja & biblioteca de notificaciones de diapositivas-watnotif
| Autor: | tepec |
|---|---|
| Views Total: | 2,064 |
| Sitio oficial: | Ir a la web |
| Actualizado: | April 2, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
La biblioteca de JavaScript watnotif le permite crear notificaciones de estilo Growl con burbujas & diapositivas y animaciones Unstretch.
Instalación
# NPM $ npm install watnotif # Bower $ bower install watnotif
Funcionamiento
Cargue un tema CSS de su elección en el documento.
<link rel="stylesheet" href="<animation you want>/<position you want>.min.css">
Cargue el archivo principal de JavaScript "watnotif-1.0. min. js" antes de la etiqueta body de cierre.
<script src="watnotif-1.0.min.js"></script>
Cree las notificaciones predeterminadas como éstas:
var successNotif = new Notif("Success Message", "success");
var errorNotif = new Notif("Error Message", "error");
var confirmedNotif = new Notif("Confirm Message", "confirmed");
var defaultNotif = new Notif("Default Message", "default"); Reemplace el parámetro de duración predeterminado:
document.addEventListener('DOMContentLoaded', function() {
Notif.setWrapperOptions({
duration: 2500
});
}, false);
