KC FAB is a jQuery plugin to create materialize floating action button easily.
1.0
- jsfiddle demo
- Thank you for jqueryscript.net to provide another usage example for my plugin
First of all, you need to have a DOM element to hold action buttons: e.g
<div class="kc_fab_wrapper" ></div>Then in your script, calling the kc_fab on your DOM element. You can pass in an object array as option to tell the plugin the buttons style and the anchors' link.
var links = [
{ /* The first object will be the main button */
"bgcolor":"red",
"icon":"+"
},
/* Following are the hidden button list */
{
"url":"http://www.example.com",
"bgcolor":"red",
"color":"#fffff",
"icon":"<i class='fa fa-phone'></i>",
"target":"_blank"
},
{
"url":"http://www.example.com",
"bgcolor":"black",
"color":"white",
"icon":"<i class='fa fa-music'></i>",
"id":"id_item"
}
]
$('.kc_fab_wrapper').kc_fab(links);Install by Bower
bower install kc_fab
Copyright (c) 2015 Mark Luk Licensed under the MIT license.