Simple Growl-como notificaciones con Pure JavaScript-notiFire

Tiempo de ejecución: 30 minutos. Empezar

Autor: DongZhang
Views Total: 2,245
Sitio oficial: Ir a la web
Actualizado: April 4, 2015
Licencia: MIT

Vista prévia

Simple Growl-como notificaciones con Pure JavaScript-notiFire

Descripción

notiFire es una librería JavaScript simple destinada a mostrar mensajes de notificación de estilo Growl en su página web/aplicación. Se trata de 5 tipos de notificación incorporados y se puede añadir sus propios estilos lo que quieras en el CSS.

¿Cómo funciona?

Cargue el notiFire. CSS para los estilos y temas básicos.

<link href="css/notiFire.css" rel="stylesheet">

Cargue la biblioteca notiFire. js en el documento.

<script src="js/notiFire.js"></script>

Cree un mensaje de notificación simple.

notifire({

msg: 'this is a test message'
});

Configuración predeterminada.

notifire({

// default, success, info, warning, danger
types: 'default',

// width of the notify bar
width: 200,

// height of the notify bar
height: 50,

// left, right
position: 'left',

// notification message
msg: 'This is message by default',

// auto close after the specified timeout
timeout: 5000

});

Te puede interesar: