网页上漂浮的客服代码(漂浮框架兼容各大浏览器)
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
常见网页上的漂浮客服窗口,是一个漂浮框架,各位可以拿去用。在chrome、ie、firefox下测试正常。以下是部分代码(可点击演示查看或直接下载源代码):
"/TR/xhtml1/DTD/xhtml1-transitional.dtd">
.kfoutbox{position:absolute;z-index:10000;right:5px;margin:0px;width:80px;height:150p x;background:#ff0000;}
这里是网页的内容区
关闭按钮
var default_top_ps = 100;
var evans_agt = erAgent.toLowerCase();
var evans_ie = ((evans_agt.indexOf("msie") != -1) && (evans_agt.indexOf("opera") == -1) && (evans_agt.indexOf("omniweb") == -1));
var evans_mymovey = new Number();
function evans_IeTrueBody() {
return (patMode && patMode != "BackCompat") ? document.documentElement: document.body
}
function evans_GetScrollTop() {
return evans_ie ? evans_IeTrueBody().scrollTop: window.pageYOffset
}
function evans_heartBeat() {
evans_diffY = evans_GetScrollTop();
evans_mymovey += Math.floor((evans_diffY -
document.getElementById('kfoutbox').style.top.replace("px", "") + default_top_ps) * 0.1); document.getElementById('kfoutbox').style.top = evans_mymovey + "px"
}
var evans_tmpintval = window.setInterval("evans_heartBeat()", 1);
if (document.getElementById('kfboxclose')) {
document.getElementById('kfboxclose').onclick = function() {
window.clearInterval(evans_tmpintval);
document.getElementById('kfoutbox').style.display = 'none'
}
}
var popupdelay = 0;
var maxpoptimes = 3;
var prepoptime = '10';
function Tong_MoveDiv() {
this.Move = function(Id, Evt, T) {
if (Id == "") {
return
}
var o = document.getElementById(Id);
if (!o) {
return
}
evt = Evt ? Evt: window.event;
o.style.position = "absolute";
o.style.zIndex = 200;
var obj = evt.srcElement ? evt.srcElement: evt.target;
var w = o.offsetWidth;
var h = o.offsetHeight;
var l = o.offsetLeft;
var t = o.offsetTop;
var div = document.createElement("DIV");
document.body.appendChild(div);
div.style.cssText = "filter:alpha(Opacity=10,style=0);opacity:0.2;width:" + w + "px;height:" + h + "px;top:" + t + "px;left:" + l + "px;position:absolute;background:#000";
div.setAttribute("id", Id + "temp");
this.Move_OnlyMove(Id, evt, T)
};
this.Move_OnlyMove = function(Id, Evt, T) {
var o = document.getElementById(Id + "temp");
if (!o) {
return
}
var evt = Evt ? Evt: window.event;
var relLeft = evt.clientX - o.offsetLeft;
var relTop = evt.clientY - o.offsetTop;
if (!window.captureEvents) {
o.setCapture()