Material botón de acción flotante en JavaScript-Bubbler
| Autor: | RedDuckss |
|---|---|
| Views Total: | 2,920 |
| Sitio oficial: | Ir a la web |
| Actualizado: | June 30, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
Bubbler es una pequeña biblioteca de JavaScript le ayuda a crear un estilo de material de diseño botón flotante que expande un menú emergente vertical en el desplazamiento. No se requiere 3ª biblioteca y marco.
Funcionamiento
Descargue e incluya los archivos de Bubbler en la página HTML.
<link rel="stylesheet" href="bubbler.min.css"> <script src="bubbler.min.js"></script>
Incluye la fuente icónica Font awesome para los íconos del menú.
<link rel="stylesheet" href="/path/to/font-awesome.min.css">
Cree los elementos de menú personalizados en JavaScript.
var options =
[
{
icon:'1',
label: 'Run alert function',
callback: function() {
alert('dasd');
}
},
{
icon:'<i class="fa fa-id-card" aria-hidden="true"></i>',
label: 'Test Element 2'
},
{
icon:'3',
label: 'Test Element 3',
display: {
color: 'blue',
background: 'red'
}
}
]; Inicializar el Bubbler y listo.
var context = new Bubbler(options);
