这是一个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); //释放 } }