CSS3 biblioteca de notificaciones de alertas animadas de JavaScript-messg. js

Tiempo de ejecución: 30 minutos. Empezar

Autor: andrepolischuk
Views Total: 3,230
Sitio oficial: Ir a la web
Actualizado: July 31, 2018
Licencia: MIT

Vista prévia

CSS3 biblioteca de notificaciones de alertas animadas de JavaScript-messg. js

Descripción

messg. js es un plugin de JavaScript ligero utilizado para crear mensajes de alerta/éxito/ADVERTENCIA/información/error animados CSS3 con botones de cierre y botones de acción personalizados.

Funcionamiento

Descargue messg. js e incluya los archivos JS & CSS en su documento.

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

Cree mensajes personalizados en su página web.

// default message with specified delay
messg.default(Message, Delay)

// success message with specified delay
messg.success(Message, Delay)

// info message with specified delay
messg.info(Message, Delay)

// warning message with specified delay
messg.warning(Message, Delay)

// error message with specified delay
messg.error(Message, Delay)

Cree un mensaje de notificación con un botón de cierre.

messg

.success('Success!')

.button('Ok');

Crea un mensaje de notificación con botones de acciones como un diálogo de confirmación.

messg

.warning('Are you sure?')

.button('Yes', function() {


// do something

})

.button('No', function() {


// do something

});

Establezca las opciones para las opciones de notificación.

// animation speed
messg.set('speed', 250)

// top or bottom
messg.set('potision', 'top')

// enable message flow
messg.set('flow', false)

Registro de cambios

07/31/2018

  • v2.2.0

Te puede interesar: