html如何实现侧边按钮,纯js侧边浮动按钮模块支持自定义(原创)

686c57cff54dd684760368a1fdedcd90.png

5b4b944461607cc871b1911f9854541f.png

插件描述:一个纯js侧边浮动按钮块插件,支持自定义主题颜色、图标、动画等

更新时间:2020-01-14 22:15:36

更新说明:

0、新增支持拖拽

1、新增节点hover时颜色加深效果

2、新增z-index参数

3、新增扇形动画效果(fan-in)

更新时间:2020-01-09 23:27:57

float-module

这是一个侧边浮动按钮块,纯js插件。无需依赖jquery,无需写html代码。开局仅需引入一行js,初始化再new一下,大功告成。文件体积小(js仅4.7KB),代码易于扩展,api详细,最重要的!作者持续更新,后续加入更多动画和新特性

1、支持左上,左下,右上,右下四个基本初始化区域,并提供参数支持精细化调整

2、支持自定义主题颜色、图标、动画等

3、文件仅需引入一个js(体积4.7KB),初始化仅一行代码。无需依赖jquery,无需写html代码

4、内置fontawesome4.7.0,包含675个图标(也可以不引入该图标库,使用自己的)

5、完整api和示例请下载并查看float_module.html演示文件//快速上手

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-github',

title:'hello github',

click: function () {

alert("hello github");

}

}]

});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值
>