Minimalista CSS3 Animated notificación biblioteca JavaScript-xnotify
| Autor: | javimosch |
|---|---|
| Views Total: | 1,548 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 2, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
xnotify es una biblioteca de JavaScript minimalista para crear 3 tipos de mensajes de notificación en su página web que utilizan < a href = "https://daneden.github.io/animate.css/" target = "_ blank" rel = "noopener" > Animate. CSS para animaciones CSS3 impresionantes.
Funcionamiento
Incluya el Animate. CSS requerido en la sección head del documento.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.min.css">
Coloque el script xnotify. js en cualquier parte del documento.
<script src="xnotify.js" ></script>
Uso básico:
// xnotify(parameters);
xnotify({body:'This is an info',type:'info',delay:1,duration:10}); Establecer animaciones.
xnotify.setMainEasing = function(easingName)
Establecer estilos de mensaje.
xnotify.setMessageStyle = function(cssText)
Establecer tipos de notificación.
xnotify.setTypes = function(arr)
Añadir nueva configuración.
xnotify.settings(newSettings)
