material-floating-button是一款使用纯Js制作的Material design风格浮动按钮特效。该Material design风格浮动按钮特效提供4种动画特效，它们都可以在鼠标滑过按钮时以炫酷的方式展开按钮。

安装

可以通过npm来安装该插件。

npm install mfb --save

使用方法

在页面中引入mfb.css和mfb.js文件。

HTML结构

创建浮动按钮的HTML结构如下：

其中，使用的class的含义如下：

mfb-component–br：位置class，可用的还有：mfb-component–tl, mfb-component–br, mfb-component–tr, mfb-component–bl。

mfb-zoomin：动画方式，可选的有：mfb-zoomin, mfb-slidein, mfb-slidein-spring 和 mfb-fountain。

data-mfb-toggle='hover'：打开按钮的事件，如果需要点击打开按钮，可以将事件切换为click。