Notificaciones de esquina personalizables en JavaScript-notifyMe. js

Vista prévia

Descripción

notifyMe. js es una biblioteca de JavaScript independiente que le ayuda a mostrar notificaciones de esquina de estilo Growl de varios tipos a sus usuarios.

Características

• Animaciones con tecnología CSS3.
• 4 tipos diferentes: error, información, éxito y ADVERTENCIA.
• Título personalizado, texto del mensaje y posición.
• Se admite la cola de notificaciones.

Funcionamiento

Incluya la hoja de estilo notifyMe. min. CSS y JavaScript notifyMe. min. js en su página web.

<link rel="stylesheet" href="notifyMe.min.css">
<script src="notifyMe.min.js"></script>

Cree una notificación predeterminada que se deslice desde el borde de la pantalla.

notifyMe.create({

title: 'Notification title', // required field

text: 'Message here', // required field
});

Opciones de personalización.

// 'topRight', 'topLeft', 'bottomLeft', 'bottomRight'
position: 'topLeft',

// 'info', 'warning', 'success', 'error'
type: 'info',

 title: 'Notification title',
text: 'Notification message',

 // Remove notification after timeout expire
timeout: 5000,

 // Pause the timeout when mouse is over the notification
pauseOnHover: true,

 // Shows a close button
closeBtn: true,

 // Add 'additional-class' into existing class names
addClass: 'additional-class',

 // Click event handler function
click: function(){


 alert('clicked');
}