原生js在线客服悬浮QQ

所属分类:其他-杂项

 35143  351  查看评论 (7)
分享到微信朋友圈
X
原生js在线客服悬浮QQ ie兼容8
//鼠标移动
        var scrollMove = function() {
            window.onscroll = window.onload = function() {
                var scrollsidebar = document.getElementById("scrollsidebar");
                var scrolltop =
                    document.body.scrollTop || document.documentElement.scrollTop;
                startMove(
                    parseInt(
                        (document.documentElement.clientHeight -
                            scrollsidebar.offsetHeight) /2 +scrolltop
                    )
                );
            };
        };
//悬浮QQ显示
        var slideShow = function() {
            if (!show_btn) return false;
            show_btn.addEventListener(
                "click",
                function() {
                    show_btn.style.width = 0;
                    sideContent.style.width = "154px";
                },
                false
            );
        };

        //悬浮QQ隐藏
        var slideClose = function() {
            if (!close_btn) return false;
            close_btn.addEventListener(
                "click",
                function() {
                    console.log(this);
                    sideContent.style.width = 0;
                    show_btn.style.width = "25px";
                },
                false
            );
        };
相关插件-杂项
  杂项
 27663  349

动态增加表格行

动态增加表格行
  杂项
 41265  401

jQuery步骤条进度条插件setStep.js

一款简单额步骤条,可点击 也可按钮控制。
  杂项
 54160  377

自写的许愿墙

简单的jQuery许愿墙,希望喜欢
  杂项
 30310  455

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

    天歌 0
    2018/11/16 17:44:19
    如果是默认隐藏,如何设置?
        拾梦小侠????0
        2018/12/10 14:39:39
        大的宽度去掉,晓得宽度加上即可
    回复
    0 0
    2018/8/28 18:29:43
    脚本文件在最后面导入就可以了。 回复
    凡尘小猪 0
    2018/8/14 16:16:37
    点击隐藏之后,showbutton直接跑到页面最底部了 回复
    ,,,,, 0
    2018/5/28 11:50:49
    一颗咖啡豆 0
    2017/11/11 17:26:14

    无法使用

        lm19910
        2017/12/6 17:41:15

        有报错什么的吗

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复