Biblioteca de notificaciones de alerta minimalistas apilables-Alerter
| Autor: | gosukiwi |
|---|---|
| Views Total: | 1,743 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 8, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Alerter es una biblioteca de JavaScript súper pequeña que se utiliza para mostrar simple, limpio, apilable, auto-descartar las casillas de notificación de alerta en la Página Web.
Funcionamiento
Para empezar, debe cargar el Alerter. js en su documento HTML cuando sea necesario.
<script src="alerter.js"></script>
Mostrar una notificación de alerta básica:
alerter('Hello, World!'); Configuración de la notificación de alerta con las siguientes opciones.
alerter({
// optional element id
id: undefined,
// optional element class
class: undefined,
styles: {
height: '50px',
backgroundColor: '#A200FF',
color: '#FFFFFF',
fontFamily: 'Segoe UI',
fontSize: '13px',
margin: '15px',
padding: '5px',
minWidth: '250px'
},
duration: 3,
// these two options are for the fadeOut, and dictate how fast it is
fadeStep: 5,
fadeSpeed: 25,
// show it top right or bottom left? any combination is fine
xOrientation: 'right',
yOrientation: 'bottom',
// when the alert is hidden
onClose: undefined,
// when the alert is clicked
onClick: undefined,
// whether or not the alert will hide automatically
autohide: true
}); Registro de cambios
v1.1.0 (09/08/2018)
- actualizar
