Sistema de notificación personalizable simple-Humane. js

Tiempo de ejecución: 30 minutos. Empezar

Autor: wavded
Views Total: 1,011
Sitio oficial: Ir a la web
Actualizado: July 26, 2017
Licencia: MIT

Vista prévia

Sistema de notificación personalizable simple-Humane. js

Descripción

Humane. js es un sistema de notificación simple, adaptable, personalizable, fácil de usar, móvil, libre de dependencia y CSS3 animado, construido en JavaScript/CSS puro.

¿Cómo funciona?

Cargue el principal JavaScript humanitario. js y un tema CSS de su elección en el documento.

<link rel="stylesheet" href="themes/bigbox.css">
<link rel="stylesheet" href="themes/boldlight.css">
<link rel="stylesheet" href="themes/jackedup.css">
<link rel="stylesheet" href="themes/libnotify.css">
<link rel="stylesheet" href="themes/original.css">
<link rel="stylesheet" href="themes/flatty.css">
<script src="humane.js"></script>

Cree un mensaje de notificación básico con las opciones predeterminadas:

humane.log("Basic message!")

Para config el mensaje de notificación simplemente pasando las opciones como éstos:

humane.log("Message here", {

 baseCls: 'humane'

timeout: 2500,

 waitForMove: false,

timeoutAfterMove: false,

clickToClose: false,

 addnCls: 'humane-error'
 })

Te puede interesar: