🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Yet another jQuery FAB plugin used to generate customizable, mobile-compatible, horizontal (or vertical) floating action buttons inspired by Google Material Design.

Material-Design

Documentation

fab

Floating Action Button Library for Javascript whit JQuery

Libreria creada para generar botones flotantes, con acciones determinadas por el programador, de una manera sencilla.

Requiere:

  • JQuery, proximamente solo Javascript Vanilla.

Su funcionamiento es el siguiente:

Para poder usar la libreria, se necesita llamar a una funcion de la siguiente manera:

var nombre_variable = new Fab(json)

Con esta funcion previamente llamada, necesita un parametro para poder funcionar, el cual es un json con datos requeridos, a continuacion se muestran:

  • selector: selector utilizado en HTML
  • button: {
        style: clase que se le quiere poner al boton principal
        html: datos que se quieran insertar en la etiqueta
    }
  • icon: {
        style: clase que se le quiere poner al icono del boton principal
        html: datos que se quieran insertar en la etiqueta
    }
  • position: top-left || top-right || bottom-left || bottom-right
  • direction: horizontal || vertical
  • buttons:[
       {
       button: {
       style: clase que se le va a dar a los botones con acciones
       html: datos que se quieran insertar en la etiqueta
       }
       icon:{
       style: clase que se le va a dar a los iconos que contienen botones con acciones
       html: "datos que se quieran insertar en la etiqueta
       }
       onClick: function(){
       funcion que se va a ejecutar al momento de darle click al boton
       }
       }
    ]
  • selector: selector utilizado en HTML
  • selector: selector utilizado en HTML
  • onOpen: function(){<br> 	funcion que se va a ejecutar al momento de que se abra el menu<br> },<br> onClose: function(){<br> 	funcion que se va a ejecutar al momento de que se cierre el menu<br> }<br> 

    });


You May Also Like