漂亮的浮动QQ客服代码

QQ、阿里旺旺、淘宝、MSN在线状态代码如何在网页上显示腾讯QQ/MSN/旺旺在线洽谈?1.QQ在线咨询代码(qq在线交谈代码/qq在线客服代码/qq在线状态代码/qq在线客服代码)(将66757924换成你的号码,site后面换成你的网站就可以了)<a target="blank" href=" /msgrd?V=1&Uin=66757924&Site=服务易&Menu=yes">< img border="0" SRC=/pa?p=1:66757924:6 alt="点击这里给我发消息" align="absmiddle"></a>更多的生成显示QQ在线状态的代码,请查看腾讯官方网站/webpresence/code.shtml你只需要填写你的号码,网站名称以及提示就可以点击生成就可以生成QQ在线状态的代码,拷贝生成的代码加入网页即可2.阿里巴巴旺旺在线状态代码生成,cardlanok改成你的ID就行了,还有alt改成你的内容<a target="_blank" href="/msg.ww?v=2&uid=cardlanok=1" ><img border="0" src="http:///online.ww?v=2&uid=cardlanok=1" alt="点击这里给我发消息" /& gt;</a>更多的阿里巴巴旺旺在线状态代码生成样式,请查看阿里巴巴官方网站/help/wangwang/wangwang_0628_04.php3.skype在线状态代码生成将yisung换成你的skype ID就可以了,需要在skype个人账户里设置对任何人显示状态<a href="skype:mengsajewel?call" onclick="return skypeCheck();"><img src=/ smallclassic/yisung style="border: none;" alt="Call me!" /></a>更多的skype在线状态代码生成样式,请查看skype的官方网站/share/buttons/4.如何生成MSN在线状态代码,可以设置自定义显示图片,不过检测速度有点慢,另外一部分人在ｍｓｎ的配置中，设置了不加好友就不显示在线。

常⽤聊天⼯具（IM）在线客服链接代码使⽤在线聊天⼯具（IM）可以⽅便、快捷地进⾏沟通交流，所以在博客、经营⽹站⾥经常能见到各种IM代码。

在此收集了⼀些常见的IM代码，存档备忘。

1. QQ在线代码⽰例代码（两种风格）：<img style="CURSOR: pointer" onclick="javascript:window.open('/webc.htm?new=0&sid=QQ_Num&o=Your_WebName&q=7', '_blank', 'height=502, width=644,toolbar=no,scrollbars=no,menubar=no,status=no');" border<img style="CURSOR: pointer" onclick="javascript:window.open('/webc.htm?new=0&sid=QQ_Num&o=Your_WebName&q=7', '_blank', 'height=502, width=644,toolbar=no,scrollbars=no,menubar=no,status=no');" border2. MSN在线代码参考资料：With the release of MSN Messenger 7.5 in August 2005, Microsoft introduced a protocol handler which allows us to integrate MSN Messenger (and later Windows LiveMessenger) into our MSN Spaces, personal blogs or other websites with the use of special HTML codes. Here's an overview of the four uses of the msnim protocol handler withhyperlink examples:1. msnim:add - Allow your visitors to add you to their MSN contacts immediately. Example: <a href="msnim:add?contact=email@ ">Add me to your MSNMessenger contact list</a>2. msnim:chat - Clicking this link will open a conversation with email@ and allows instant chatting. Example: <a href="msnim:chat?contact=email@">Click here to chat</a>3. msnim:voice - Allow your visitors to start Voice chatting with you in just one click. Example: <a href="msnim:voice?contact=email@ ">Start a Voice chat withme</a>4. msnim:video - Launches a Video conversation straight from a web page. Example: <a href="msnim:video?contact=email@ ">Start a Video chat with me</a>.In each case the visitor is required to be logged into MSN Messenger 7.5 or higher. One's privacy settings and reaction speed to the warning prompts and invitation requests willeventually influence the "instant" character of these codes.3. 阿⾥旺旺（淘宝版）在线代码⽰例代码：<a target="_blank" href="/msg.ww?v=2&uid=WangWang_TB&s=1"><img border="0" src="/online.ww?v=2&uid=WangWang_TB&s=1" alt="点击这⾥给我发消息"/></a>4. 阿⾥旺旺（阿⾥巴巴版，贸易通版）在线代码⽰例代码（两种风格）：<a target="_blank" href="/msg.aw?v=2&uid=WangWang_B2B&site=cnalichn&s=5"><img border="0" src="/online.aw?v=2&uid=WangWang_B2B&site=cnalichn&s=5" alt="点击这⾥给我发消息"<a target="_blank" href="/msg.aw?v=2&uid=WangWang_B2B&site=cnalichn&s=2"><img border="0" src="/online.aw?v=2&uid=WangWang_B2B&site=cnalichn&s=2" alt="点击这⾥给我发消息"说明：阿⾥旺旺（阿⾥巴巴版）是在阿⾥巴巴⽹站⾥使⽤的旺旺，⼜称为“贸易通”，和淘宝⾥的那个旺旺很相似，但是它们是两个不同的⼯具。

网站上自动自动弹出对话框的QQ在线客服系统，有点类似于一些在线客服系统，用户打开网站后，会跳出一个窗口，如下图：同样，要实现这个功能也很简单，我们可以用Js来实现，现在南昌网站建设公司智网互联就给大家详细的介绍Js代码的写法和如何实现这一功能。

首先是介绍JS文件的写法，先建一个JS文件夹，把下面的代码复制命名为：KF.jsvar online= new Array();var urlroot = "images/";var tOut = -1;var drag = false;var g_safeNode = null;lastScrollY = 0;var kfguin;var ws;var companyname;var welcomeword;var type;if(kfguin){rightDivHtml = '<div id="rightDiv" style="position:absolute; top:160px; right:1px;">';rightDivHtml += kf_getPopupRightDivHtml(kfguin,ws);rightDivHtml += '</div>';document.write(rightDivHtml);if(type==1 && kf_getCookie('hasshown')==0){companyname = companyname.substr(0,15);welcomeword = kf_processWelcomeword(welcomeword);kfguin = kf_getSafeHTML(kfguin);companyname = kf_getSafeHTML(companyname);welcomeword = welcomeword.replace(/<brT>/g,'\r\n');welcomeword = kf_getSafeHTML(welcomeword);welcomeword = welcomeword.replace(/\r/g, "").replace(/\n/g, "<BR>");window.setTimeout("kf_sleepShow()",2000);//kf_sleepShow();}window.setTimeout("kf_moveWithScroll()",1);//window.setInterval("wpa_count()",10000);}function kf_getSafeHTML(s){var html = "";var safeNode = g_safeNode;if(!safeNode){safeNode = document.createElement("TEXTAREA");}if(safeNode){safeNode.innerText = s;html = safeNode.innerHTML;safeNode.innerText = "";g_safeNode = safeNode;}return html;}function kf_moveWithScroll(){if(typeof window.pageYOffset != 'undefined') {nowY = window.pageYOffset;}else if(typeof patMode != 'undefined' &&patMode != 'BackCompat') {nowY = document.documentElement.scrollTop;}else if(typeof document.body != 'undefined') {nowY = document.body.scrollTop;}percent = .1*(nowY - lastScrollY);if(percent > 0){percent=Math.ceil(percent);}else{percent=Math.floor(percent);}document.getElementById("rightDiv").style.top =parseInt(document.getElementById("rightDiv").style.top) + percent+"px";if(document.getElementById("kfpopupDiv")){document.getElementById("kfpopupDiv").style.top =parseInt(document.getElementById("kfpopupDiv").style.top) + percent+"px"; }lastScrollY = lastScrollY + percent;tOut = window.setTimeout("kf_moveWithScroll()",1);}function kf_hide(){if(tOut!=-1){clearTimeout(tOut);tOut=-1;}document.getElementById("rightDiv").style.visibility = "hidden";}function kf_hidekfpopup(){if(tOut!=-1){clearTimeout(tOut);tOut=-1;}document.getElementById("kfpopupDiv").style.visibility = "hidden";tOut=window.setTimeout("kf_moveWithScroll()",1);}function kf_getPopupDivHtml(kfguin,reference,companyname,welcomeword) {var temp = '';temp += '<div style="float: left;height: 150px;width:8px;background-image: url('+urlroot+'bg_1.gif);"></div>';temp += '<div style="font-family: Tahoma;text-align:left;float: left;height: 150px;width: 324px;background-image:url('+urlroot+'bg_2.gif);background-repeat: repeat-x;">';temp += '<div><h1 style=" float:left;font-size: 14px;color:#FFFFFF;margin: 0px;padding: 10px 0 13px2px;line-height:17px;">'+companyname+'</h1><a href="#"onclick="kf_hidekfpopup();return false;" style="background-image:url('+urlroot+'close.gif);float: right;height: 19px;width: 42px;" onmouseover="javascript:this.style.backgroundPosition=\'bottom\'" onmouseleave="javascript:this.style.backgroundPosition=\'top\'"></a></div >';temp += '<div style="height:83px;padding: 0 0 0 2px;clear:both;">';temp += '<div style="background-image: url('+urlroot+'face.jpg);height: 70px;width: 70px;float:left;"></div>';temp += '<pstyle="font-family:Tahoma;font-size:12px;line-height:24px;width:240px;margin:0px;padding: 0 0 012px;display:block;float:left;margin-top:2px;word-wrap:break-word;">'+wel comeword+'</p></div>';temp += '<div style="clear: both;">';temp += '<a onclick="kf_hidekfpopup();return false;" href="#"style="float:right;background-image: url('+urlroot+'btn_1.gif);margin: 0 0 0 5px;padding: 0px;border:0px;height: 21px;width: 69px;"></a>';temp += '<a onclick="kf_openChatWindow(1)" href="#"style="float:right;background-image: url('+urlroot+'btn_2.gif);margin:0px;padding: 0px;border:0px;height: 21px;width: 69px;"></a></div>';temp += '</div><div style="float: left;height: 150px;width:8px;background-image: url('+urlroot+'bg_1.gif);background-position: right;"></div>';return temp;}function kf_getPopupRightDivHtml(kfguin,reference){var temp = "";temp += '<div class="wpa_popup" style="width:90px; height:150px;">'; temp += '<div style="width:8px; height:150px; float:left;background:url('+urlroot+'bg_1.gif);"></div>';temp += '<div style="float:left; width:74px; height:150px; background:url('+urlroot+'middle.jpg); background-position: center;">'; temp += '<div ><h1 style="line-height:17px; font-size:14px; color:#FFF; margin:0px; padding:10px 0 13px 8px;">&nbsp;</h1></div>';temp += '<div style="height:83px; padding:0 0 0 2px; clear:both;"><div style="width:70px; height:70px; float:left;background:url('+urlroot+'face.jpg);"></div></div>';temp += '<div style="clear:both;"><a href="#"onclick="kf_openChatWindow(0)" style="width:69px; height:21px; background:url('+urlroot+'btn_2.gif); margin:0 0 0 2px;display:block;"></a></div></div>';temp += '<div style="width:8px; height:150px; float:left;background:url('+urlroot+'bg_1.gif) right;"></div></div>';return temp;}//added by simon 2008-11-04function kf_openChatWindow(flag){window.open('/webc.htm?new=0&amp;sid='+kfguin+'& amp;o=&amp;q=7', '_blank', 'height=544,width=644,toolbar=no,scrollbars=no,menubar=no,status=no');if(flag==1){kf_hidekfpopup();}return false;}//added by simon 2008-11-04 endfunction kf_validateWelcomeword(word){var count = 0;for(var i=0;i<word.length;i++){if(word.charAt(i)=='\n'){count++;}if(count>2){return 2;}}if(word.length > 57+2*count){return 1;}count = 0;var temp = word.indexOf('\n'); while(temp!=-1){word = word.substr(temp+1); if(temp-1<=19){count += 19;}else if(temp-1<=38){count += 38;}else if(temp-1<=57){count += 57;}temp = word.indexOf('\n');}count+=word.length;if(count>57){return 3;}return 0;}function kf_processWelcomeword(word){word = word.substr(0,57+10);var result = '';var count = 0;var temp = word.indexOf('<brT>');while(count<57 && temp!=-1){if(temp<=19){count += 19;if(count<=57){result += word.substr(0,temp+5);}else{result += word.substr(0,57-count>word.length?word.length:57-count);}}else if(temp<=38){count += 38;if(count<=57){result += word.substr(0,temp+5);}else{result += word.substr(0,57-count>word.length?word.length:57-count);}}else if(temp<=57){count += 57;if(count<=57){result += word.substr(0,temp+5);}else{result += word.substr(0,57-count>word.length?word.length:57-count);}}word = word.substr(temp+5);temp = word.indexOf('<brT>');}if(count<57){result += word.substr(0,57-count>word.length?word.length:57-count); }return result;}function kf_setCookie(name, value, exp, path, domain){var nv = name + "=" + escape(value) + ";";var d = null;if(typeof(exp) == "object"){d = exp;}else if(typeof(exp) == "number"){d = new Date();d = new Date(d.getFullYear(), d.getMonth(), d.getDate(), d.getHours(),d.getMinutes() + exp, d.getSeconds(), d.getMilliseconds());}if(d){nv += "expires=" + d.toGMTString() + ";";}if(!path){nv += "path=/;";}else if(typeof(path) == "string" && path != ""){nv += "path=" + path + ";";}if(!domain && typeof(VS_COOKIEDM) != "undefined"){domain = VS_COOKIEDM;}if(typeof(domain) == "string" && domain != ""){nv += "domain=" + domain + ";";}document.cookie = nv;}function kf_getCookie(name){var value = "";var cookies = document.cookie.split("; ");var nv;var i;for(i = 0; i < cookies.length; i++){nv = cookies[i].split("=");if(nv && nv.length >= 2 && name == kf_rTrim(kf_lTrim(nv[0]))){value = unescape(nv[1]);}}return value;}function kf_sleepShow(){kf_setCookie('hasshown', 1, '', '/', '');var position = parseInt(document.getElementById("rightDiv").style.top) + 170;popupDivHtml = '<div id="kfpopupDiv"onmousedown="MyMove.Move(\'kfpopupDiv\',event,1);" style="z-index:100 00;filter:alpha(opacity=90);position: absolute; top: '+position+'px; right:500px;color:#000;font-size: 12px;cursor:move;height: 150px;width: 340px;">';popupDivHtml +=kf_getPopupDivHtml(kfguin,ws,companyname,welcomeword); popupDivHtml += '</div>';document.body.insertAdjacentHTML("beforeEnd",popupDivHtml);}function kf_dealErrors(){kf_hide();return true;}function kf_lTrim(str){while (str.charAt(0) == " "){str = str.slice(1);}return str;}function kf_rTrim(str){var iLength = str.length;while (str.charAt(iLength - 1) == " "){str = str.slice(0, iLength - 1);iLength--;}return str;}window.onerror = kf_dealErrors;var MyMove = new Tong_MoveDiv();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+"p x;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;}evt = Evt?Evt:window.event;var relLeft = evt.clientX - o.offsetLeft;var relTop = evt.clientY - o.offsetTop;if(!window.captureEvents){o.setCapture();}else{window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);}document.onmousemove = function(e){if(!o){return;}e = e ? e : window.event;var bh =Math.max(document.body.scrollHeight,document.body.clientHeight,document .body.offsetHeight,document.documentElement.scrollHeight,document.documentElem ent.clientHeight,document.documentElement.offsetHeight);var bw =Math.max(document.body.scrollWidth,document.body.clientWidth,document. body.offsetWidth,document.documentElement.scrollWidth,document.documentEleme nt.clientWidth,document.documentElement.offsetWidth);var sbw = 0;if(document.body.scrollWidth < bw)sbw = document.body.scrollWidth;if(document.body.clientWidth < bw && sbw <document.body.clientWidth)sbw = document.body.clientWidth;if(document.body.offsetWidth < bw && sbw <document.body.offsetWidth)sbw = document.body.offsetWidth;if(document.documentElement.scrollWidth < bw && sbw < document.documentElement.scrollWidth)sbw = document.documentElement.scrollWidth;if(document.documentElement.clientWidth < bw && sbw < document.documentElement.clientWidth)sbw = document.documentElement.clientWidth;if(document.documentElement.offsetWidth < bw && sbw < document.documentElement.offsetWidth)sbw = document.documentElement.offsetWidth;if(e.clientX - relLeft <= 0){o.style.left = 0 +"px";}else if(e.clientX - relLeft >= bw - o.offsetWidth - 2){o.style.left = (sbw - o.offsetWidth - 2) +"px";}else{o.style.left = e.clientX - relLeft +"px";}if(e.clientY - relTop <= 1){o.style.top = 1 +"px";}else if(e.clientY - relTop >= bh - o.offsetHeight - 30){o.style.top = (bh - o.offsetHeight) +"px";}else{o.style.top = e.clientY - relTop +"px";}}document.onmouseup = function(){if(!o) return;if(!window.captureEvents){o.releaseCapture();}else{window.releaseEvents(Event.MOUSEMOVE|Event.MOUSEUP); }var o1 = document.getElementById(Id);if(!o1){return;}var l0 = o.offsetLeft;var t0 = o.offsetTop;var l = o1.offsetLeft;var t = o1.offsetTop;//alert(l0 + " " + t0 +" "+ l +" "+t);MyMove.Move_e(Id, l0 , t0, l, t,T);document.body.removeChild(o);o = null;}}this.Move_e = function(Id, l0 , t0, l, t,T){if(typeof(window["ct"+ Id]) != "undefined"){clearTimeout(window["ct"+ Id]);}var o = document.getElementById(Id);if(!o) return;var sl = st = 8;var s_l = Math.abs(l0 - l);var s_t = Math.abs(t0 - t);if(s_l - s_t > 0){if(s_t){sl = Math.round(s_l / s_t) > 8 ? 8 : Math.round(s_l / s_t) * 6; }else{sl = 0;}}else{if(s_l){st = Math.round(s_t / s_l) > 8 ? 8 : Math.round(s_t / s_l) * 6; }else{st = 0;}}if(l0 - l < 0){sl *= -1;}if(t0 - t < 0){st *= -1;}if(Math.abs(l + sl - l0) < 52 && sl) {sl = sl > 0 ? 2 : -2;}if(Math.abs(t + st - t0) < 52 && st) {st = st > 0 ? 2 : -2;}if(Math.abs(l + sl - l0) < 16 && sl) {sl = sl > 0 ? 1 : -1;}if(Math.abs(t + st - t0) < 16 && st) {st = st > 0 ? 1 : -1;}if(s_l == 0 && s_t == 0){return;}if(T){o.style.left = l0 +"px";o.style.top = t0 +"px";return;}else{if(Math.abs(l + sl - l0) < 2){o.style.left = l0 +"px";}else{o.style.left = l + sl +"px";}if(Math.abs(t + st - t0) < 2){o.style.top = t0 +"px";}else{o.style.top = t + st +"px";}window["ct"+ Id] = window.setTimeout("MyMove.Move_e('"+ Id +"', "+ l0 +" , "+ t0 +", "+ (l + sl) +", "+ (t + st) +","+T+")", 1);}}}function wpa_count(){var body = document.getElementsByTagName('body').item(0);var img = document.createElement('img');var now = new Date();img.src = "/cgi/wpac?kfguin=" + kfguin + "&ext=0" + "&time=" + now.getTime() + "ip=172.23.30.15&";img.style.display = "none";body.appendChild(img);}下面再介绍页面如何调用了，代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="keywords" content="JS代码,在线客服,JS广告代码,JS特效代码" /> <meta name="description" content="此代码内容为可以自动弹出信息的在线客服代码，属于网站建设时常用代码，更多在线客服代码请访问南昌品牌网站建设公司智网互联。

常见网页上的漂浮客服窗口，是一个漂浮框架，各位可以拿去用。

在chrome、ie、firefox下测试正常。

以下是部分代码（可点击演示查看或直接下载源代码）：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>网站客服漂浮框架（兼容各大浏览器）-网页特效代码()</title><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /><style type="text/css">.kfoutbox{position:absolute;z-index:10000;right:5px;margin:0px;width:80px;height:150p x;background:#ff0000;}</style></head><body style="margin:0px;padding:0px;font-size:12px;"><div style="margin:0pxauto;padding-top:200px;width:980px;height:800px;text-align:center;background:#f2f2f2 ;">这里是网页的内容区<br><a href="/">网页特效代码</a></div><div id="kfoutbox" class="kfoutbox"><span id="kfboxclose" style="color:#ffffff">关闭按钮</span></div><script language="javascript">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()} else {window.captureEvents(Event.MOUSEMOVE | Event.MOUSEUP)}document.onmousemove = function(e) {if (!o) {return}e = e ? e: window.event;var bh = Math.max(document.body.scrollHeight, document.body.clientHeight, document.body.offsetHeight, document.documentElement.scrollHeight,document.documentElement.clientHeight, document.documentElement.offsetHeight);var bw = Math.max(document.body.scrollWidth, document.body.clientWidth, document.body.offsetWidth, document.documentElement.scrollWidth,document.documentElement.clientWidth, document.documentElement.offsetWidth);var sbw = 0;if (document.body.scrollWidth < bw) sbw = document.body.scrollWidth;if (document.body.clientWidth < bw && sbw < document.body.clientWidth) sbw = document.body.clientWidth;if (document.body.offsetWidth < bw && sbw < document.body.offsetWidth) sbw = document.body.offsetWidth;if (document.documentElement.scrollWidth < bw && sbw <document.documentElement.scrollWidth) sbw = document.documentElement.scrollWidth;if (document.documentElement.clientWidth < bw && sbw <document.documentElement.clientWidth) sbw = document.documentElement.clientWidth;if (document.documentElement.offsetWidth < bw && sbw <document.documentElement.offsetWidth) sbw = document.documentElement.offsetWidth;if (e.clientX - relLeft <= 0) {o.style.left = 0 + "px"} else if (e.clientX - relLeft >= bw - o.offsetWidth - 2) {o.style.left = (sbw - o.offsetWidth - 2) + "px"} else {o.style.left = e.clientX - relLeft + "px"}if (e.clientY - relTop <= 1) {o.style.top = 1 + "px"} else if (e.clientY - relTop >= bh - o.offsetHeight - 30) {o.style.top = (bh - o.offsetHeight) + "px"} else {o.style.top = e.clientY - relTop + "px"}};document.onmouseup = function() {if (!o) return;if (!window.captureEvents) {o.releaseCapture()} else {window.releaseEvents(Event.MOUSEMOVE | Event.MOUSEUP) }var o1 = document.getElementById(Id);if (!o1) {return}var l0 = o.offsetLeft;var t0 = o.offsetTop;var l = o1.offsetLeft;var t = o1.offsetTop;Kf54MyMove.Move_e(Id, l0, t0, l, t, T);document.body.removeChild(o);o = null}};this.Move_e = function(Id, l0, t0, l, t, T) {if (typeof(window["ct" + Id]) != "undefined") {clearTimeout(window["ct" + Id])}var o = document.getElementById(Id);if (!o) return;var sl = st = 8;var s_l = Math.abs(l0 - l);var s_t = Math.abs(t0 - t);if (s_l - s_t > 0) {if (s_t) {sl = Math.round(s_l / s_t) > 8 ? 8 : Math.round(s_l / s_t) * 6 } else {sl = 0}} else {if (s_l) {st = Math.round(s_t / s_l) > 8 ? 8 : Math.round(s_t / s_l) * 6 } else {st = 0}}if (l0 - l < 0) {sl *= -1}if (t0 - t < 0) {st *= -1}if (Math.abs(l + sl - l0) < 52 && sl) {sl = sl > 0 ? 2 : -2}if (Math.abs(t + st - t0) < 52 && st) {st = st > 0 ? 2 : -2}if (Math.abs(l + sl - l0) < 16 && sl) {sl = sl > 0 ? 1 : -1}if (Math.abs(t + st - t0) < 16 && st) {st = st > 0 ? 1 : -1}if (s_l == 0 && s_t == 0) {return}if (T) {o.style.left = l0 + "px";o.style.top = t0 + "px";return} else {if (Math.abs(l + sl - l0) < 2) {o.style.left = l0 + "px"} else {o.style.left = l + sl + "px"}if (Math.abs(t + st - t0) < 2) {o.style.top = t0 + "px"} else {o.style.top = t + st + "px"}window["ct" + Id] = window.setTimeout("Kf54MyMove.Move_e('" + Id + "', " + l0 + " , " + t0 + ", " + (l + sl) + ", " + (t + st) + "," + T + ")", 1)}}};</script></body></html>。

QQ在线客服代码2007-08-2114:281./cgi-bin/webpresence/wpa_code?uin=+你的QQ号码；2.QQ在线客服代码：<scriptlanguage=javascript>suspend2="<DIVid=love2style='right:5px;POSITION:absolute;TOP:1px;'><tableborde r='0'width='110'cellspacing='0'cellpadding='0'><tr><tdwidth='110'><imgborder='0 'src="/qq/kefu_up.gif"></td></tr><tr><tdvalign='middle'background="/qq/kefu_m iddle.gif"><imgsrc="/qq/QQonline.gif"border='0'align='middle'><aclass='qqa'target='blank'hr ef='/msgrd?V=1&Uin=17013981&Site=在线咨询&Menu=no'title='在线即时交谈'>在线客服①</a></td></tr><tr><tdvalign='middle'background="/qq/kefu_middle.gif"><imgsrc="/qq/QQonline.gif"border='0'align='middle'><aclass='qqa'target='blank'hr ef='/msgrd?V=1&Uin=17013981&Site=在线咨询&Menu=no'title='在线即时交谈'>在线客服②</a></td></tr></table></div>"document.write(suspend2);lastScrollY12=-150;functionheartBeat12(){diffY12=document.body.scrollTop;percent12=.1*(diffY12-lastScrollY12);if(percent12>0)percent12=Math.ceil(percent12);elsepercent12=Math.floor(percent12);document.all.love2.style.pixelTop+=percent12;lastScrollY12=lastScrollY12+percent12;}window.setInterval("heartBeat12()",1);</script>例子：/msgrd?V=1&Uin=17013981&Site=&Menu=yes 3.<atarget=blankhref=/msgrd?V=1&Uin=50018889&Site=诺亚CN-工作室&Menu=yes><imgborder="0"SRC=/pa?p=1:50018889:5alt="客户服务"></a>4.样式一：<atarget=blankhref=/msgrd?V=1&Uin=120995507&Site=http://w &Menu=yes><imgSRC=/pa?p=1:120995507:7alt= "技术支持"border="0"align="absmiddle"></a>样式二：<atarget=blankhref=/msgrd?V=1&Uin=50858745&Site=http://w &Menu=yes><imgborder="0"SRC=/pa?p=1:5085 8745:4alt="技术支持"></a>5.QQ在线客服代码：<scriptlanguage=javascript>suspend2="<DIVid=love2style='right:5px;POSITION:absolute;TOP:1px;'><tableborde r='0'width='110'cellspacing='0'cellpadding='0'><tr><tdwidth='110'><imgborder='0 'src="/qq/kefu_up.gif"></td></tr><tr><tdvalign='middle'background="/qq/kefu_m iddle.gif"><imgsrc="/qq/QQonline.gif"border='0'align='middle'><aclass='qqa'target='blank'hr ef='/msgrd?V=1&Uin=150445887&Site=在线咨询&Menu=no'title='在线即时交谈'>在线客服①</a></td></tr><tr><tdvalign='middle'background="/qq/kefu_middle.gif"><imgsrc="/qq/QQonline.gif"border='0'align='middle'><aclass='qqa'target='blank'href='/msgrd?V=1&Uin=117570&Site=在线咨询&Menu=no'title='在线即时交谈'>在线客服②</a></td></tr></table></div>"document.write(suspend2);lastScrollY12=-150;functionheartBeat12(){diffY12=document.body.scrollTop;percent12=.1*(diffY12-lastScrollY12);if(percent12>0)percent12=Math.ceil(percent12);elsepercent12=Math.floor(percent12);document.all.love2.style.pixelTop+=percent12;lastScrollY12=lastScrollY12+percent12;}window.setInterval("heartBeat12()",1);</script>6.流行QQ在线客服代码：<html><head><title>网页教学网在线联系</title><scriptlanguage=javascript>functionpicsize(obj,MaxWidth){img=newImage();//新建一个Image对象，用这个对象的width就不会出现width为0的现象img.src="/fk/blog/obj.src";if(img.width>MaxWidth){returnMaxWidth;}else{returnimg.width;}}</script><linkhref="/fk/blog/style.css"rel="stylesheet"type="text/css"/><!--在这里加上一个CSS来控制字体--></head><body><SCRIPT>varonline=newArray();if(!yers)document.write('<divid="divStayTopLeft"style="position:absolute">')</SCRIPT><layerid="divStayTopLeft"><tableborder="0"width="110"cellspacing="0"cellpadding="0"><tr><tdwidth="110"><imgborder=0src="/fk/blog/026_kefu_up.gif>";</td></tr> <scriptsrc="/getonline?Type=1&5400112:5361273:"></s cript><!--设置两个QQ号码--><tr><tdvalign=middlebackground="/fk/blog/026_kefu_middle.gif>";<script>if(online[0]==0)document.write("<divalign=center><imgsrc="/fk/blog/026_QQoffline.gif"border=0al ign=middle><aclass='qqb'target=blankhref='/msgrd?V=1&Uin=165228674&Site=在线咨询&Menu=no'title='客服不在线，请留言'>管理1</a></div>"); elsedocument.write("<divalign=center><imgsrc="/fk/blog/026_QQonline.gif"border=0al ign=middle><aclass='qqa'target=blankhref='/msgrd?V=1&Uin=1 65228674&Site=在线咨询&Menu=no'title='在线即时交谈'>管理1</a></div>");</script></td></tr><tr><tdvalign=middlebackground="/fk/blog/026_kefu_middle.gif>";<script>if(online[1]==0)document.write("<divalign=center><imgsrc="/fk/blog/026_QQoffline.gif"border=0al ign=middle><aclass='qqb'target=blankhref='/msgrd?V=1&Uin=3 50905009&Site=在线咨询&Menu=no'title='客服不在线，请留言'>管理2</a></div>"); elsedocument.write("<divalign=center><imgsrc="/fk/blog/026_QQonline.gif"border=0al ign=middle><aclass='qqa'target=blankhref='/msgrd?V=1&Uin=3 50905009Site=在线咨询&Menu=no'title='在线即时交谈'>管理2</a></div>");</script></td></tr><tr><tdwidth="110"><imgborder=0src="/fk/blog/026_kefu_down.gif>";</td></tr> </table><scripttype="text/javascript">//Enter"frombottom"or"fromtop"varverticalpos="frombottom"if(!yers)document.write('</div>')functionJSFX_FloatTopDiv()//morejavascript:{varstartX=6,startY=150;varns=(navigator.appName.indexOf("Netscape")!=-1);vard=document;functionml(id){varel=d.getElementById?d.getElementById(id):d.all?d.all[id]:yers[id];if(yers)el.style=el;el.sP=function(x,y){this.style.left=x;this.style.top=y;};el.x=startX;if(verticalpos=="fromtop")el.y=startY;else{el.y=ns?pageYOffset+innerHeight:document.body.scrollTop+document.body.clientH eight;el.y-=startY;}returnel;}window.stayTopLeft=function(){if(verticalpos=="fromtop"){varpY=ns?pageYOffset:document.body.scrollTop;ftlObj.y+=(pY+startY-ftlObj.y)/8;}else{varpY=ns?pageYOffset+innerHeight:document.body.scrollTop+document.body.client Height;ftlObj.y+=(pY-startY-ftlObj.y)/8;}ftlObj.sP(ftlObj.x,ftlObj.y);setTimeout("stayTopLeft()",10);}ftlObj=ml("divStayTopLeft");stayTopLeft();}JSFX_FloatTopDiv();</script><br><br></body></html>7.流行QQ在线客服代码：<!--首页QQ开始--><!--QQ层--><SCRIPT>varonline=newArray();if(!yers)document.write('<divid="divStayTopLeft"style="position:absolute;width:115;">')</SCRIPT><SCRIPTsrc="QQ/getonline.htm"></SCRIPT><TABLEborder=0cellPadding=0cellSpacing=0id=advwidth=110><TBODY><TR><TDwidth=110><IMGborder=0height=28src="QQ/QQ1.jpg"useMap=#Map101width=110></TD></TR><TR><TD><IMGheight=11src="QQ/QQ11.jpg"width=110></TD></TR><TR><TD><IMGheight=41src="QQ/QQ12.jpg"width=110></TD></TR><TR><TDalign=middlebackground="QQ/QQ2.jpg"vAlign=centerwidth=110><SCRIPT>if(online[0]==0)document.write("<imgsrc=QQ/QQoffline.gifborder=0align=middle><aclass='qqb'tar get=blankhref='/msgrd?V=1&Uin=75519283&Site=华夏数据&Menu=yes'title='业务咨询（QQ：75519283），请留言'>在线客服</a>");elseget=blankhref='/msgrd?V=1&Uin=75519283&Site=华夏数据&Menu=yes'title='业务咨询（QQ：75519283）'>在线客服</a>");</SCRIPT></TD></TR><TR><TDalign=middlebackground="QQ/QQ2.jpg"vAlign=centerwidth=110><SCRIPT>if(online[1]==0)document.write("<imgsrc=QQ/QQoffline.gifborder=0align=middle><aclass='qqb'tar get=blankhref='/msgrd?V=1&Uin=41051665&Site=华夏数据&Menu=yes'title='业务咨询（QQ：41051665），请留言'>在线客服</a>");elsedocument.write("<imgsrc=QQ/QQonline.gifborder=0align=middle><aclass='qqa'tar get=blankhref='/msgrd?V=1&Uin=41051665&Site=华夏数据&Menu=yes'title='业务咨询（QQ：41051665）'>在线客服</a>");</SCRIPT></TD></TR><TR><TDalign=middlebackground="QQ/QQ2.jpg"vAlign=centerwidth=110><SCRIPT>if(online[2]==0)get=blankhref='/msgrd?V=1&Uin=75519283&Site=华夏数据&Menu=yes'title='渠道合作（QQ：75519283），请留言'>渠道合作</a>");elsedocument.write("<imgsrc=QQ/QQonline.gifborder=0align=middle><aclass='qqa'tar get=blankhref='/msgrd?V=1&Uin=75519283&Site=华夏数据&Menu=yes'title='渠道合作（QQ：75519283）'>渠道合作</a>");</SCRIPT><BR><FONTcolor=#666666>点击在线交谈<BR>值班8:00-18:00</FONT></TD></TR><TR><TDwidth=110><IMGsrc="QQ/QQ3.jpg"width=110></TD></TR></TBODY></TABLE><!--</layer>--><SCRIPTtype=text/javascript>//Enter"frombottom"or"fromtop"varverticalpos="frombottom"if(!yers)document.write('</div>')functionJSFX_FloatTopDiv(){varstartX=0,startY=400;varns=(navigator.appName.indexOf("Netscape")!=-1);vard=document;functionml(id){varel=d.getElementById?d.getElementById(id):d.all?d.all[id]:yers[id];if(yers)el.style=el;el.sP=function(x,y){this.style.left=x;this.style.top=y;};el.x=startX;if(verticalpos=="fromtop")el.y=startY;else{el.y=ns?pageYOffset+innerHeight:document.body.scrollTop+document.body.clientH eight;el.y-=startY;}returnel;}window.stayTopLeft=function(){if(verticalpos=="fromtop"){varpY=ns?pageYOffset:document.body.scrollTop;ftlObj.y+=(pY+startY-ftlObj.y)/8;}else{varpY=ns?pageYOffset+innerHeight:document.body.scrollTop+document.body.client Height;ftlObj.y+=(pY-startY-ftlObj.y)/8;}ftlObj.sP(ftlObj.x,ftlObj.y);setTimeout("stayTopLeft()",10);}ftlObj=ml("divStayTopLeft");stayTopLeft();}JSFX_FloatTopDiv();//隐藏和显示QQ在线咨询functionshowadv(){if(adv.style.display=="none"){adv.style.display="";//openwin("/QQ/online.asp");}}functionhiddadv(){if(adv.style.display==""){adv.style.display="none";//openwin("/QQ/offline.asp");}}functionopenwin(url){msgwin=window.open(url,"msg","left=10000,top=1000,width=1,height=1,resizable= no,scrollbars=no,status=no,toolbar=no,menubar=no,location=no");//msgwin.opener.focus();////msgwin.focus();//returnfalse;returntrue;}</SCRIPT><MAPname=Map101><AREAcoords=102,11,8onclick=javascript:hiddadv();shape=CIRCLEref="#"></MAP></BODY></HTML><!--首页QQ结束-->。

qq悬浮代码（兼容各个浏览器）复制代码代码如下:<script language="JavaScript" type="text/javascript">lastScrollY=0;function heartBeat(){var diffY;if (document.documentElement && document.documentElement.scrollTop)diffY = document.documentElement.scrollTop;else if (document.body)diffY = document.body.scrollTopelse{/*Netscape stuff*/}//alert(diffY);percent=.1*(diffY-lastScrollY);if(percent>0)percent=Math.ceil(percent);else percent=Math.floor(percent);document.getElementById("ad_left").style.top=parseInt(document.getElementById("ad_left").style.top)+percent+"px";document.getElementById("ad_right").style.top=parseInt(document.getElementById("ad_left").style.top)+percent+"px";lastScrollY=lastScrollY+percent;//alert(lastScrollY);}function hidead(num){showad = false;if(num==1)document.getElementById("ad_left").style.display="none";else if(num==2)document.getElementById("ad_right").style.display="none";}var ClosebuttonHtml1 = '<div style="position: absolute;bottom:0px;right:25px;margin:2px;padding:2px;z-index:2000;"><a href="javascript:void(0);" onclick="hidead(1)" style="color:#ffffff;text-decoration:none;font-size:12px;">关闭</a></div>'; var ClosebuttonHtml2 = '<div style="position: absolute;bottom:0px;right:25px;margin:2px;padding:2px;z-index:2000;"><a href="javascript:void(1);" onclick="hidead(2)" style="color:#ffffff;text-decoration:none;font-size:12px;">关闭</a></div>'; ad1="<div id=/"ad_left/" style='right:10px;POSITION:absolute;TOP:160px;'></div>"ad2="<DIV id=/"ad_right/" style='right:10px;POSITION:absolute;TOP:160px;'><br><a href='tencent://message/?uin=758541860&Menu=yes'><img height='120' src='../images/qq.gif' border='0' width='110'></a></div>"; document.write(ad1);document.write(ad2);window.setInterval("heartBeat()",1);</script>。

QQ在线代码、阿里旺旺代码、MSN在线代码、Yahoo通在线代码、Skype在线代码QQ在线代码：<A href="tencent://message/?uin=QQ账号&Site=本站网址&Menu=yes" target=blank><IMG alt=前台显示名称hspace=3 src="/pa?p=1:QQ账号:4" border=0>前台显示名称</A>MSN在线代码：<A href="msnim:add?contact=*****@" target=blank>点这里和我MSN聊天</A>Yahoo通在线代码：<A href="ymsgr:sendIM?yahoo账号（@前面）">点这里和我yahoo聊天</A>Skype在线代码：<A href="callto://skype帐号">点这里和我skype聊天</A>刚好有一个网页需要实现MSN,QQ,SKYPE 在线交谈的功能,做完了顺便贴一下代码: SKYPE:/share/buttons/wizard.html程序代码<a href="skype:用户名?call"><img src="/bigclassic/用户名"style="border: none;" width="182" height="44" alt="My status" /></a>把用户名改成帐号就可以了,<img src="/bigclassic/用户名" style="border: none;" width="182"height="44" alt="My status" />这一段代码是显示在客户端的图片样式，可以自己更换。