Animated popup notificación biblioteca JavaScript-eNotice

Vista prévia

Descripción

eNotice es un plugin de JavaScript ligero para crear personalizable, CSS3 animado notificaciones emergentes en la página.

Características

• 6 animaciones impresionantes: pulso, sacudida, deslizable, deslizable hacia abajo, diapositiva izquierda, diapositiva derecha
• Colores personalizados, posiciones, duraciones.
• Notificaciones apilables.
• Permite activar una función cuando se descarta la notificación.

Funcionamiento

Importa el JavaScript enotice. js y StyleSheet enotice. CSS en tu documento HTML.

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

Cree una nueva notificación emergente en la pantalla.

// let instance = new eNotice(message, options);
let instance = new eNotice('This is a default notification');

Para config la biblioteca de notificaciones, pase el siguiente objeto Options como segundo parámetro a la función eNotice .

let instance = new eNotice('This is a default notification',{



// Entrance animation


// pulse, shake, slide-up, slide-down, slide-left, slide-right


animation: 'pulse',



// Border and background color


color: 'black',



// Duration in milliseconds


duration: 0,



// Custom position of the notification


position: { x: 'right', y: 'bottom' },



// first or last


stack: 'last',



// Callback


onClose: function(){}



});