在线客服功能模块,可拖拽和关闭的浮动HTML模块

预览图片在线客服功能模块,可拖拽和关闭的浮动HTML模块

  • 20.00

详情介绍

这是一个HTML在线客服功能模块,默认浮动在端网页的右侧很显眼的位置,还可以随着页面的滚动而滚动(实际是浮动固定在页面的固定位置,不会受到页面滚动的影响)。同时还具有以下特点:

1、可拖拽:

在页面可视范围内,你可以在浮动模块上点击按下鼠标左键不放,然后移动鼠标,这时候你发现浮动模块会跟着鼠标移动。你可以将它拖拽到页面的任何一个位置,然后放开鼠标左键,这个浮动的客服模块就会固定在此处,是不是很神奇很好玩?

2、关闭、隐藏浮动客服模块:

HTML模块有关闭按钮,用户可以随时点击关闭按钮,就可以隐藏浮动的在线客服功能模块,隐藏后,只有重新刷新或再次打开该页面才会再次出现这个浮动的在线客服功能模块。

3、可以添加多个在线联系方式:

例如:可以嵌入发起QQ聊天、旺旺聊天和发送邮件或者拨打电话的HTML代码,当然,还可以添加在线留言的URL链接等等。

4、兼容主流浏览器:

代码兼容性强,几乎支持现在所有的浏览器,例如:IE、火狐、谷歌、Edge、遨游、QQ、搜狗等浏览器

5、代码精简、可移植性强:

浮动HTML模块用到的编程语言/代码:HTML、JS、CSS。代码经过千锤百炼,你可以任意移植到你的项目上。

部分核心代码:

    //移动
    function moving(e){
        obj.style.left = (e.screenX - x) + 'px';
        obj.style.top = (e.screenY - y) + 'px';
        return false; 
    }        
    //停止
    function endMov(e){
        delObjEvent(document,'onmousemove',moving); //删除鼠标移动事件
        delObjEvent(document,'onmouseup',arguments.callee); //删除鼠标放开事件,arguments.callee为函数本身
        if (isIE) {
            obj.releaseCapture(); //释放捕获
        } else {
            window.releaseEvents(Event.mousemove); //释放
        }
    }


  1. ☉ 推荐使用迅雷或快车等多线程下载软件下载本站资源。
  2. ☉ 部分资源,未登录会员无法下载,登录后可获得更多便利功能,如未注册,请先注册。
  3. ☉ 如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错,谢谢合作!
  4. ☉ 本站所有资源(包括模板、素材、软件、字体等)仅供学习与参考,请勿用于商业用途。
  5. ☉ 本站部分资源下载需要消费积分或者人民币.有任何疑问请联系客服!