//在线客服,浮动于浏览器窗口右侧中部
//调用示例:initCustomerService("CustomerServiceContainer", 100, 300);
function initCustomerService(elelmentId, width, height) {
var element = document.getElementById(elelmentId);
if (isIE6()) {
document.body.style.backgroundImage = "url(about:blank)";
document.body.style.backgroundAttachment = "fixed";
element.style.position = "absolute";
element.style.top = document.documentElement.scrollTop + (document.documentElement.clientHeight - height) / 2 + "px";
element.style.right = "0px";
element.style.width = width + "px";
element.style.height = height + "px";
window.onscroll = function() {
initCustomerService(elelmentId, width, height);
}
window.onresize = function() {
initCustomerService(elelmentId, width, height);
}
} else {
element.style.position = "fixed";
element.style.top = "45%";
element.style.right = "0px";
element.style.width = width + "px";
element.style.height = height + "px";
element.style.marginTop = height / 2 * -1 + "px";
element.style.marginBottom = height / 2 * -1 + "px";
}
}
function isIE6() {
var browser = navigator.appName;
var b_version = navigator.appVersion;
var version = b_version.split(";");
var trim_Version = version[1].replace(/[ ]/g, "");
if (browser == "Microsoft Internet Explorer" && trim_Version == "MSIE6.0") {
return true;
} else {
return false;
}
}
右侧浮动客服纯JS插件(兼容)
最新推荐文章于 2024-09-18 15:15:15 发布