网址:https://www.jq22.com/demo/float-module202001092326/
下载方式:保存页面
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>test</title>
<script src="dist/float-module.js"></script>
<link rel="stylesheet" href="dist/float-module.css">
<link rel="stylesheet" href="dist/font-awesome.css">
</head>
<body>
<script type="text/javascript">
var fm = new FloatModule({
btn_config:
[
{
icon:'fa fa-plus' //数组第一位为主节点
},
{
icon:'fa fa-qq',
title:'hello qq', //展开后第一个节点
click: function () {
alert("hello qq");
}
},
{
icon:'fa fa-wechat',//展开后第二个节点
title:'hello wechat', //以此类推,最多可支持展开四个节点
click: function () {
alert("hello wechat");
}
}
]
});
</script>
</body>
</html>
忘说了 上述页面保存下来后 目录结构不是这样的 fonts文件也是之后从别的项目拷贝的
目录可以自己构件 字体文件 在css里也好改~