Creación de notificaciones animadas de CSS3 con JavaScript-Messg. js
| Autor: | andrepolischuk |
|---|---|
| Views Total: | 1,834 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 11, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Messg. js es una biblioteca de JavaScript pura que le ayuda a crear varios tipos de mensajes de notificación con animaciones CSS3.
Funcionamiento
Cargue el messg. js requerido y messg. CSS en su documento como sigue.
<link href="messg.css" rel="stylesheet"> <script src="messg.min.js"></script>
Uso básico:
messg.default('Your text', DELAY)
messg.success('Your text', DELAY)
messg.info('Your text', DELAY)
messg.warning('Your text', DELAY)
messg.error('Your text', DELAY) Añadir botones sí/no/OK.
messg
.warning('Are you sure?')
.button('Yes', function() {
})
.button('No', function() {
});
messg
.success('Task completed')
.button('Ok'); Agregar controlador de ocultación.
messg
.warning('Hello!')
.hide(function() {
}); Más opciones de configuración.
// animation speed in ms Message.speed = 250 /* top top-left top-right bottom bottom-left bottom-right */ Message.position = 'top' // enable/disable messages flow Message.flow = true // max flow length Message.max = null
Registro de cambios
07/11/2018
- v2.2.0
