专注于知识
经验、资源的分享

分享一款漂亮自定义轻量侧边悬浮按钮插件

这是在Jquery插件库网站上找到的,下载需要3个JQ币,折合人民币9.9元,小编是不愿意花钱,但是又想用,有没有跟我一样想法的人呢,于是我就把这款插件抠了下来,今天免费分享给大家了,希望对大家有所帮助。

前端只需引用:

1
2
<link href="js/floating.css" rel="stylesheet" type="text/css">
<script src="css/floating.js"></script>

json:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
var initialize = {
    theme: "panel_theme_round_solid"//主题 
    state: true//PC 
    moveState: true//移动
    size: "auto"//尺寸
    position: "right-center"//展示位置
    tip: {
        "background-color""#000",
        "color""#fff"
    }, //提示层的样式 
    account: [ //悬浮部件 
        {
            type: "Email",
            tip: "",
            text: "",
            url: ""
        }, {
            type: "Phone",
            tip: "",
            text: "",
            url: ""
        }, {
            type: "Skype",
            tip: "",
            text: "",
            url: ""
        }, {
            type: "WhatsApp",
            tip: "",
            text: "",
            url: ""
        }, {
            type: "Viber",
            tip: "",
            text: "",
            url: ""
        },
        {
            type: "QRcode",
            tip: "https://***/css/images/12.jpg"
        }, {
            type: "Top",
            tip: "Back top"
        }
    ]
};

前端调用:

1
$("body").floating(initialize);

文件下载

链接:https://pan.baidu.com/s/1CnOgBnq8Doezbu6tEg8UWg
提取码:bcxk

赞(3) 打赏
本文原创转载请注明出处:阿斌分享 » 分享一款漂亮自定义轻量侧边悬浮按钮插件
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏