Biblioteca de JavaScript para las barras de notificación animadas simples-Biu. js
| Autor: | aprilorange |
|---|---|
| Views Total: | 1,473 |
| Sitio oficial: | Ir a la web |
| Actualizado: | June 26, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
Biu es un JavaScript simple y ligero para crear barras de notificación animadas y de descarte automático para reemplazar los cuadros de diálogo de JavaScript nativos de Alert (). Le ayuda a mostrar varios tipos de barras de notificación en la parte superior de la página web para atraer a sus visitantes y entregar mensajes importantes.
¿Cómo funciona?
Cargue el Biu. CSS en la sección head del documento.
<link href="biu.css" rel="stylesheet">
Coloque el Biu. js al final del documento.
<script src="biu.js"></script>
Uso rápido.
// default notitication that auto hides after a timeout (5000ms)
biu('I am a default notification')
// success notification
biu('success', 'I am a success notification')
// danger notification
biu('danger', 'I am a danger notification')
// success notification
biu('warning', 'I am a warning notification')
// info notification that always stays at the top of the webpage
biu('info', 'I am a info notification', false) Uso por defecto.
window.biuOpts = {
// options
height: '50px',
lineHeight: '50px',
top: '-55px',
closeButton: 'x',
delay: 5000
}
biu({
// notification message
text: 'hello there, done registered!',
// success, default, warning, error and info
type: 'success',
// disable auto dismiss
autoFade: false
})
