纯js侧边浮动按钮模块支持自定义(原创)

所属分类:导航-其他导航

 5750  66  查看评论 (9)
分享到微信朋友圈
X
纯js侧边浮动按钮模块支持自定义(原创) ie兼容12

更新时间: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");
           }
       }]
});
相关插件-其他导航

jQuery仿微信自定义菜单

jQuery仿微信自定义菜单全屏自适应手机底部弹出菜单
  其他导航
 22383  226

jQuery圆形气泡导航

jQuery圆形气泡导航,ie6下运行也ok。
  其他导航
 27082  304

流程图工具

简单易用的流程图设计工具
  其他导航
 47689  414

CSS3侧边响应卡片式导航

CSS3侧边响应卡片式导航
  其他导航
 28874  336

讨论这个项目(9)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    扶我起来,我还能~ 0
    2020/4/26 17:40:08
    主节点不支持点击事件
        一个大写的萌比1
        2020/4/27 13:58:00

        可以自己选择元素去加自定义事件啊

        document.getElementsByClassName("fm-li-main")[0].addEventListener
    回复
    故人 0
    2020/3/30 14:46:03
    菜单数量怎么增加呀 现在只能四个
        一个大写的萌比1
        2020/3/30 15:13:10
        最多可支持展开四个节点。大部分网站都不会超过4个的,太多了用户体验不好。
    回复
    泉水指挥官coco 0
    2020/3/20 15:51:43
    图标引入没有效果啊
        一个大写的萌比0
        2020/3/25 13:36:30
        贴一下你初始化的代码是怎么写的,顺便看看f12有没有报错,有可能是地址没写对吧
    回复
    junyi5d 0
    2020/1/13 16:01:58
    下一步,可以支持拖拽
        一个大写的萌比0
        2020/1/13 23:32:07
        可以考虑一下
        一个大写的萌比0
        2020/1/15 0:02:34
        已经更新了,支持拖拽
    回复
取消回复