分享一下在ecshop中实现浮动qq客服的js代码

格式：doc
大小：25.00 KB
文档页数：4

下载文档原格式

Javascript实现带关闭按钮的网页漂浮广告代码

Javascript实现带关闭按钮的⽹页漂浮⼴告代码复制代码代码如下:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>带关闭按钮的⽹页漂浮⼴告代码</title></head><body><div id="img" style="position: absolute; left: 311; top: 815;visibility :hidden;" onmouseover="clearInterval(interval)" onmouseout="interval = setInterval('changePos()', delay)" align="right"><a href="#" target="_blank"><img border="0" src="图⽚路径" onload="return imgzoom(this,600);"onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></a><span style="CURSOR:hand;color:red;font-weight:bold" onclick="clearInterval(interval);img.style.visibility ='hidden'">X</span></div><script language=javascript src=ff.js></script></body></html>ff.js代码复制代码代码如下:var xPos = 20;var yPos = document.body.clientHeight;var step = 1;var delay = 30;var height = 0;var Hoffset = 0;var Woffset = 0;var yon = 0;var xon = 0;var pause = true;var interval;img.style.top = yPos;function changePos() {width = document.body.clientWidth;height = document.body.clientHeight;Hoffset = img.offsetHeight;Woffset = img.offsetWidth;img.style.left = xPos + document.body.scrollLeft;img.style.top = yPos + document.body.scrollTop;if (yon) {yPos = yPos + step;}else {yPos = yPos - step;}if (yPos < 0) {yon = 1;yPos = 0;}if (yPos >= (height - Hoffset)) {yon = 0;yPos = (height - Hoffset);}if (xon) {xPos = xPos + step;}else {xPos = xPos - step;}if (xPos < 0) {xon = 1;xPos = 0;}if (xPos >= (width - Woffset)) {xon = 0;xPos = (width - Woffset);}}function start() {img.style.visibility = "visible";interval = setInterval('changePos()', delay); }start();。

自动弹出对话框的QQ在线客服系统代码

网站上自动自动弹出对话框的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;"> </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&sid='+kfguin+'& amp;o=&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>。

ecshop模板调用相应的JS和CSS方法

ecshop模板调用相应的JS和CSS方法在ecshop的 dwt、lbi 模板下调用CSS和JS的路径是不一样的调用CSS的话。

就是直接调用就行了。

调用JS其实要绝对路径才可以当然也可以<script src="themes/<?php echo $GLOBALS['_CFG']['templa te']; ?>/js/jquery.js"></script> 这里要让模板支持PHP 这要调用一。

CSS 中调用CSS@import url(css/layout.css);@import url(css/component.css);@import url(css/my.css);二。

js中调用CSSif (screen.width < 1280){document.write("<link href='themes/XXX/XXX.css' rel='style sheet' type='text\/css'\/>");}else {document.write("<link href='themes/XXX/stye.css' rel='style sheet' type='text\/css'\/>");}三。

ecshop 在lbi引用smarty<?PHP$a="fdasdf";$this->assign('aa', $a); // 推荐商品>下一篇: 让ecshop文章列表以更新时间排序上一篇: ecshop商品略缩图大小统一显示的方法。

JS实现弹出浮动窗口（支持鼠标拖动和关闭）实例详解

JS实现弹出浮动窗⼝（⽀持⿏标拖动和关闭）实例详解本⽂实例讲述了JS实现弹出浮动窗⼝。

分享给⼤家供⼤家参考。

具体如下：这⾥介绍的JS弹出浮动窗⼝，⽀持⿏标拖动和关闭，点击链接⽂字后弹出层窗⼝，也称作是弹出式对话框吧。

关于⼀些参数说明：bodycontent:要在窗⼝中显⽰的内容title:窗⼝的标题removeable:窗⼝是否能拖动注意：内容窗体的⾼度是height-30px，请计算好要显⽰的内容⾼度和宽度。

注:在⽕狐或chrome下效果最佳，IE8下可能有些⼩问题。

点击此处查看运⾏效果：运⾏效果图如下：具体代码：<html><head><title>Js弹出浮动窗⼝，⽀持⿏标拖动和关闭</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript">/**关于⼀些参数说明：*bodycontent:要在窗⼝显⽰的内容，dom对象*title:窗⼝标题，字符串类型*removeable:窗⼝能否拖动，布尔类型*注意：内容窗体的⾼度是height-30px，请计算好你要显⽰的内容的⾼度和宽度。

弹出窗的id为"223238909"，所以你的页⾯不要再取值为"223238909"的id了，以防js执⾏出错*/ function createdialog(width,height,bodycontent,title,removeable){if(document.getElementById("www_jb51_net")==null){/*创建窗⼝的组成元素*/var dialog = document.createElement("div");var dialogtitlebar= document.createElement("div");var dialogbody = document.createElement("div");var dialogtitleimg = document.createElement("span");var dialogtitle = document.createElement("span");var dialogclose = document.createElement("span");var closeaction = document.createElement("button");/*为窗⼝设置⼀个id，id如此怪异是为了尽量避免与其他⽤户取的id相同⽽出错*/dialog.id = "223238909";/*组装对话框标题栏,按从⾥到外的顺序组装*/dialogtitle.innerHTML = title;dialogtitlebar.appendChild(dialogtitleimg);dialogtitlebar.appendChild(dialogtitle);dialogtitlebar.appendChild(dialogclose);dialogclose.appendChild(closeaction);/*组装对话框主体内容*/if(bodycontent!=null){bodycontent.style.display = "block";dialogbody.appendChild(bodycontent);}/*组装成完整的对话框*/dialog.appendChild(dialogtitlebar);dialog.appendChild(dialogbody);/*设置窗⼝组成元素的样式*/var templeft,temptop,tempheight//窗⼝的位置（将窗⼝放在页⾯中间的辅助变量）var dialogcssText,dialogbodycssText;//拼出dialog和dialogbody的样式字符串templeft = (document.body.clientWidth-width)/2;temptop = (document.body.clientHeight-height)/2;tempheight= height-30;dialogcssText= "position:absolute;background:#65c294;padding:1px;border:4px;top:"+temptop+"px;left:"+templeft+"px;height:"+height+"px;width:"+width+"px;";dialogbodycssText = "width:100%;background:#ffffff;"+"height:" + tempheight + "px;";dialog.style.cssText = dialogcssText;dialogtitlebar.style.cssText = "height:30px;width:100%;background:url(images/titlebar.png) repeat;cursor:move;";dialogbody.style.cssText = dialogbodycssText;dialogtitleimg.style.cssText = "float:left;height:20px;width:20px;background:url(images/40.gif);"+"display:block;margin:4px;line-height:20px;";dialogtitle.style.cssText = "font-size:16px;float:left;display:block;margin:4px;line-height:20px;";dialogclose.style.cssText = "float:right;display:block;margin:4px;line-height:20px;";closeaction.style.cssText = "height:20px;width:24px;border-width:1px;"+"background-image:url(images/close.png);cursor:pointer;";/*为窗⼝元素注册事件*/var dialogleft = parseInt(dialog.style.left);var dialogtop = parseInt(dialog.style.top);var ismousedown = false;//标志⿏标是否按下/*关闭按钮的事件*/closeaction.onclick = function(){dialog.parentNode.removeChild(dialog);}/*实现窗⼝的移动，这段代码很典型，⽹上很多类似的代码*/if(removeable == true){var ismousedown = false;var dialogleft,dialogtop;var downX,downY;dialogleft = parseInt(dialog.style.left);dialogtop = parseInt(dialog.style.top);dialogtitlebar.onmousedown = function(e){ismousedown = true;downX = e.clientX;downY = e.clientY;}document.onmousemove = function(e){if(ismousedown){dialog.style.top = e.clientY - downY + dialogtop + "px";dialog.style.left = e.clientX - downX + dialogleft + "px";}}/*松开⿏标时要重新计算当前窗⼝的位置*/document.onmouseup = function(){dialogleft = parseInt(dialog.style.left);dialogtop = parseInt(dialog.style.top);ismousedown = false;}}return dialog;}//end if(if的结束)}</script><style>table{background:#b2d235;}button{font-size:12px;height:23;background:#ece9d8;border-width:1;} #linkurl,#linkname,#savelink{width:100px;}</style></head><body><div id="here"></div><a id="clickhere" href="#">点击⽣成窗⼝</a> <div id="login" style="display:none;"><form action="#" method="post" onSubmit="return false;"><table width="400" height="95"><tr><td width="78">链接⽂字</td><td width="168"><input name="" type="text"/></td><td width="138" id="linktext"></td></tr><tr><td>链接地址</td><td><input name="link.url" type="text"/></td><td id="linkurl"></td></tr><tr><td></td><td><button type="submit" style="float:right;">添加</button></td> <td id="savelink"></td></tr></table></form></div><script type="text/javascript">var here = document.getElementById("here");var login = document.getElementById("login");var clickhere = document.getElementById("clickhere"); clickhere.onclick = function(){here.appendChild(createdialog(400,95+30,login,"欢迎光临",true));}</script></body></html>希望本⽂所述对⼤家的javascript程序设计有所帮助。

ecshop二次开发

ecshop订单操作的状态对应的值ecshop电子商务系统中，ECSHOP的订单有很多的状态。

这些状态，是维持和保证ECSHOP后台操作订单状态转换的依据。

order_status = 0表示订单未确认order_status = 1表示订单已经确认order_status = 2表示订单已经取消pay_status = 0表示未付款pay_status = 2表示已付款shipping_status = 3表示已配货shipping_status = 1表示已发货shipping_status = 2表示已收货总结以上ecshop订单的状态，方便开发人员总结开发操作。

、Ecshop 前台显示已售出的数量category.php下面的category_get_goods函数中foreach循环添加$arr[$row['goods_id']]['count'] = selled_count($row['goods_id']);文件的最后部分添加函数function selled_count($goods_id){$sql= "select sum(goods_number) as count from ".$GLOBALS['ecs']->table('order_goods')."where goods_id ='".$goods_id."'";$res = $GLOBALS['db']->getOne($sql);if($res>0){return $res;}else{return('0');}模板goods_list.lbi<a href="javascript:;" id="compareLink"html"}','{$goods.type}')" class="f6">{$pare}</a> 下添加销售量：{$goods.count}如何轻松实现ecshop不同商品调用不同模板我们这里就按照分类来调用模板假如有4个分类CAT_ID 为 1 2 3 4对应的模板 goods.dwt goods1.dwt goods2.dwt goods3.dwt那麽在 goods.php中找到$smarty->display('goods.dwt', $cache_id);switch ($goods['cat_id']){case 1:$smarty->display('goods.dwt', $cache_id);break;case 2:$smarty->display('goods1.dwt', $cache_id);break;case 3:$smarty->display('goods2.dwt', $cache_id);break;case 4:$smarty->display('goods3.dwt', $cache_id);break;}如何将ecshop会员注册页的E-MAIL由必填项改为非必填项看到论坛里有不少朋友发帖询问解决办法，故共享之。

javascript中字体浮动效果的简单实例演示

javascript中字体浮动效果的简单实例演⽰在淘宝，京东等其他⽹页上我们能够看到，当⿏标移上去的时候，能够使其下⾯出现其它选项，现在就演⽰⼀下这种功能主要是⽤到css⾥⾯的display，以及⿏标触发的事件onmouseover（），和onmouseout()⽅式，在加上css样式的设置和标签之间额使⽤就能实现。

具体如下：1，为了很好的控制，采⽤了列表的样式，并且在设置css样式时很⽅便2，采⽤了<a>标签的样式，能够让⿏标移上去对其他的有反应具体的js函数写的功能：<script type="text/javascript">function open1(node){var node1=node;var nodes=node1.getElementsByTagName("ul")[0];with(nodes.style){display= (display=="block")? "none" : "block";}}</script>html部分的代码：<div id="news"><ul id="newsid1"><li onmouseover="open1(this)"; onmouseout="open1(this)"> <a href="javascript:void(0)">最新新闻</a><ul><li><a href="">最新新闻内容摘要《机密》1</a></li><li><a href="">最新新闻内容摘要《机密》2</a></li><li><a href="">最新新闻内容摘要《机密》3</a></li><li><a href="">最新新闻内容摘要《机密》4</a></li><li><a href="">最新新闻内容摘要《机密》5</a></li></ul></li><li onmouseover="open1(this)"; onmouseout="open1(this)"><a href="javascript:void(0)" onclick="">新浪新闻</a><ul><li><a href="https://">最新新闻内容摘要《机密》1</a></li><li><a href="https://">最新新闻内容摘要《机密》2</a></li><li><a href="https://">最新新闻内容摘要《机密》3</a></li><li><a href="https://">最新新闻内容摘要《机密》4</a></li><li><a href="https://">最新新闻内容摘要《机密》5</a></li></ul></li><li onmouseover="open1(this)"; onmouseout="open1(this)"><a href="javascript:void(0)" onclick="">社会新闻</a><ul><li><a href="https://">最新新闻内容摘要《机密》1</a></li><li><a href="https://">最新新闻内容摘要《机密》2</a></li><li><a href="https://">最新新闻内容摘要《机密》3</a></li><li><a href="https://">最新新闻内容摘要《机密》4</a></li><li><a href="https://">最新新闻内容摘要《机密》5</a></li></ul></li><li onmouseover="open1(this)"; onmouseout="open1(this)"><a href="javascript:void(0)" onclick="">最新新闻</a><ul><li><a href="https://">最新新闻内容摘要《机密》1</a></li><li><a href="https://">最新新闻内容摘要《机密》2</a></li><li><a href="https://">最新新闻内容摘要《机密》3</a></li><li><a href="https://">最新新闻内容摘要《机密》4</a></li><li><a href="https://">最新新闻内容摘要《机密》5</a></li></ul></li></ul></div>除了上⾯很重要css的设置也很重要，如下：<style type="text/css">#newsid1 {list-style:none;}#newsid1 li ul{list-style:none;margin:0px;padding:0px;}#newsid1 li{float:left;/*让其并排显⽰*/text-align:center;background-color:#80ff00;/*设置宽度，让每⼀列平均显⽰*/}#newsid1 li a{color:#8080ff;text-decoration:none;/*让超链接下⾯没有横线*/text-align:center;line-height:30px;}#newsid1 li a:hover{/*a:hover移上去有反应设置的具体的颜⾊和背景颜⾊*/color:#400080;background-color:#ffffff;}#newsid1 li ul li{line-height:30px;color:#ff8040;background-color:#808000;;}#newsid1 li ul{display:none;/*默认的必须全部隐藏，然后在⿏标移上去触发时间之后设置 dispaly:block; */}</style>效果图 1：⿏标没有移上去时候效果图 2 ：完整代码：<!DOCTYPE html><html><head><title>Menufloat.html</title><style type="text/css">#newsid1 {list-style:none;}#newsid1 li ul{list-style:none;margin:0px;padding:0px;}#newsid1 li{float:left;/*让其并排显⽰*/width:220px;text-align:center;background-color:#80ff00;/*设置宽度，让每⼀列平均显⽰*/}#newsid1 li a{color:#8080ff;text-decoration:none;/*让超链接下⾯没有横线*/text-align:center;line-height:30px;}#newsid1 li a:hover{/*a:hover移上去有反应设置的具体的颜⾊和背景颜⾊*/color:#400080;background-color:#ffffff;}line-height:30px;color:#ff8040;background-color:#808000;;}#newsid1 li ul{display:none;/*默认的必须全部隐藏，然后在⿏标移上去触发时间之后设置 dispaly:block;*/}</style><script type="text/javascript">function open1(node){var node1=node;var nodes=node1.getElementsByTagName("ul")[0];with(nodes.style){display= (display=="block")? "none" : "block";}}</script></head><body><div id="news"><ul id="newsid1"><li onmouseover="open1(this)"; onmouseout="open1(this)"> <a href="javascript:void(0)">最新新闻</a><ul><li><a href="https://">最新新闻内容摘要《机密》1</a></li><li><a href="https://">最新新闻内容摘要《机密》2</a></li><li><a href="https://">最新新闻内容摘要《机密》3</a></li><li><a href="https://">最新新闻内容摘要《机密》4</a></li><li><a href="https://">最新新闻内容摘要《机密》5</a></li></ul></li><li onmouseover="open1(this)"; onmouseout="open1(this)"><a href="javascript:void(0)" onclick="">新浪新闻</a><ul><li><a href="https://">最新新闻内容摘要《机密》1</a></li><li><a href="https://">最新新闻内容摘要《机密》2</a></li><li><a href="https://">最新新闻内容摘要《机密》3</a></li><li><a href="https://">最新新闻内容摘要《机密》4</a></li><li><a href="https://">最新新闻内容摘要《机密》5</a></li></ul></li><li onmouseover="open1(this)"; onmouseout="open1(this)"><a href="javascript:void(0)" onclick="">社会新闻</a><ul><li><a href="https://">最新新闻内容摘要《机密》1</a></li><li><a href="https://">最新新闻内容摘要《机密》2</a></li><li><a href="https://">最新新闻内容摘要《机密》3</a></li><li><a href="https://">最新新闻内容摘要《机密》4</a></li><li><a href="https://">最新新闻内容摘要《机密》5</a></li></ul></li><li onmouseover="open1(this)"; onmouseout="open1(this)"><a href="javascript:void(0)" onclick="">最新新闻</a><ul><li><a href="https://">最新新闻内容摘要《机密》1</a></li><li><a href="https://">最新新闻内容摘要《机密》2</a></li><li><a href="https://">最新新闻内容摘要《机密》3</a></li><li><a href="https://">最新新闻内容摘要《机密》4</a></li><li><a href="https://">最新新闻内容摘要《机密》5</a></li></ul></li></ul></div></body></html>。

js实现悬浮窗效果（支持拖动）

js实现悬浮窗效果（⽀持拖动）经常可以看到⼤部分的官⽹有右侧悬浮在线客服。

今天来写写！效果图：代码如下：<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>js悬浮窗代码(⽀持拖动)</title><meta name="description" content="js浮动层特效制作悬浮在线客服代码，放置在线QQ等聊天按钮的在线客服浮动层代码，⽀持拖动效果，可随意在页⾯上拖动位置，随着浏览器滚动始终保持在悬浮在页⾯上的js代码。

" /> </head><body><style type="text/css">*{margin:0;padding:0;list-style-type:none;}a,img{border:0;}/* KeFuDiv */.KeFuDiv{position:absolute;height:160px;width:196px;background: #01C4C6;color:#fff;font-size:20px;text-align: center;cursor: pointer;}.KeFuDiv p{line-height: 80px;font-weight:bold;}</style><div style="height:3000px;"></div><div id="KeFuDiv" class="KeFuDiv" onmousedown="MoveDiv(KeFuDiv,event);"><p>Content Me<br>我可以拖动哦</p></div><script type="text/javascript" src="/online.js"></script><script type="text/javascript">//初始位置gID("KeFuDiv").style.top = (document.documentElement.clientHeight - gID("KeFuDiv").offsetHeight)/2 +"px";gID("KeFuDiv").style.left = document.documentElement.clientWidth - gID("KeFuDiv").offsetWidth +"px";//开始滚动ScrollDiv('KeFuDiv');</script></body></html>以上就是本⽂的全部内容，希望本⽂的内容对⼤家的学习或者⼯作能带来⼀定的帮助，同时也希望多多⽀持！。

腾讯QQ网页在线客服代码

</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" width="100%" cellpadding="2" id="table47">
<tr>
<td width="15" valign="top" height="23">
</tr>
</table>
</td>
</tr>
<tr>
<td></td>
</tr>
</table>
</td>
<td width="7"><img height="100" src="../Uploadfile/qq_right.gif" width="7"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>
<table border="0" width="100%" cellpadding="2" id="table47">

QQ在线客服代码

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"/></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><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在线客服代码：<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><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>。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

分享一下在ecshop中实现浮动qq客服的js代码/post/64.htmldocument.write("<div class='QQbox' id='divQQbox' >");document.write("<div class='Qlist' id='divOnline' onmouseout='hideMsgBox(event);' style='display : none;'>");document.write("<div class='t'></div>");document.write("<div class='infobox'>路路通商城<br>欢迎您</div>");document.write("<div class='con'>");document.write("<ul><table><tr><td>");document.write("<li class=odd><a href='tencent://message/?uin=740859636'><img src=' /pa?p=1:740859636:10' border='0' alt='路路通商城' /></a></li>"); document.write("</td><td>");document.write("<li class=odd><a href='tencent://message/?uin=249082059'><img src=' /pa?p=1:249082059:10' border='0' alt='路路通商城' /></a></li>"); document.write("</td></tr>");document.write("<tr><td>");document.write("<li class=odd><a href='tencent://message/?uin=362325264'><img src=' /pa?p=1:362325264:10' border='0' alt='路路通商城' /></a></li>"); document.write("</td><td>");document.write('<li><a target="_blank" href="/msg.ww?v=2&uid=旺旺号&s=2" ><img border="0" src="/online.ww?v=2&uid=旺旺号&s=2" alt="点击这里给我发消息" />在线旺旺</a></li>');document.write("</td></tr></table>");document.write('<tr><td><li><p>咨询电话:400-6762-668</p></li></td></tr>');document.write('<tr><td><li><p><a href="javascript:guan();void(0);" title="close"> 关闭在线客服</a></p></li></td></tr>');document.write("</ul>");document.write("</div>");document.write("<div class='b'></div>");document.write("</div>");document.write("<div id='divMenu' onmouseover='OnlineOver();'><img src='OKQQ/images/qq_1.gif' class='press' alt='在线咨询'></div>");document.write("</div>");//<![CDATA[var tips; var theTop = 145/*这是默认高度,越大越往下*/; var old = theTop; function initFloatTips() {tips = document.getElementById('divQQbox');moveTips();};function moveTips() {var tt=50;if (window.innerHeight) {pos = window.pageYOffset}else if (document.documentElement && document.documentElement.scrollTop) { pos = document.documentElement.scrollTop}else if (document.body) {pos = document.body.scrollTop;}pos=pos-tips.offsetTop+theTop;pos=tips.offsetTop+pos/10;if (pos < theTop) pos = theTop;if (pos != old) {tips.style.top = pos+"px";tt=10;//alert(tips.style.top);old = pos;setTimeout(moveTips,tt);}//!]]>initFloatTips();function OnlineOver(){document.getElementById("divMenu").style.display = "none"; document.getElementById("divOnline").style.display = "block"; document.getElementById("divQQbox").style.width = "145px"; }function OnlineOut(){document.getElementById("divMenu").style.display = "block"; document.getElementById("divOnline").style.display = "none"; }function guan(){document.getElementById("divMenu").style.display = "block"; document.getElementById("divOnline").style.display = "none"; OnlineOut();function hideMsgBox(theEvent){ //theEvent用来传入事件，Firefox的方式if (theEvent){var browser=erAgent; //取得浏览器属性if (browser.indexOf("Firefox")>0){ //如果是Firefoxif (document.getElementById('divOnline').contains(theEvent.relatedTarget)) { //如果是子元素return; //结束函式}}if (browser.indexOf("MSIE")>0){ //如果是IEif (document.getElementById('divOnline').contains(event.toElement)) { //如果是子元素return; //结束函式}}}}。