几种常用的网站在线客服风格

最新推荐文章于 2021-03-24 09:28:09 发布
最新推荐文章于 2021-03-24 09:28:09 发布
阅读量1k 收藏
点赞数
分类专栏： PHP
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/panfanglin/article/details/9011529
版权

第一种：企业QQ客服网站

效果截图：

关键JS代码：

lastScrollY=0;
function heartBeat(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{/*Netscape stuff*/}

//alert(diffY);
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("lovexin12").style.top=parseInt(document.getElementById("lovexin12").style.top)+percent+"px";

lastScrollY=lastScrollY+percent;
//alert(lastScrollY);
}
suspendcode12="<DIV id=\"lovexin12\" style='right:8px;POSITION:absolute;TOP:153px;z-index:100'>";
var recontent='<table align="center" style="margin-right:1px;width:90px" border="0" cellpadding=0 cellspacing=0 height="32">' +
'<tr>' +
'<td style="border:0;padding:0;font-size:13px" height="32" ><table style="width:90px" border="0" cellspacing="0" cellpadding="0" height="1">' +
'<tr>' +
'<td style="border:0;padding:0;font-size:13px; background:none" height="20"><img src="qqimg/head.gif" border="0" style="margin:0px; padding:0px;" usemap="#MapMapMap"></td>' +
'</tr>' +
'<tr>' +
'<td style="border:0;padding:0;font-size:13px;padding-left:1px;background:url(qqimg/center_1.gif) repeat-y;" background="qqimg/center_1.gif" height="19">' +
'<table style="width:90px" border="0" align="center" cellpadding="0" cellspacing="0" height="1">' +
'<tr>' +
'<td style="border:0;padding:0;background:none;font-size:13px" height="6"></td>' +
'</tr>' +
'<tr>' +
'<td style="border:0;padding:0;background:none;font-size:13px" height="39">' +
'<table border="0" align="center" cellpadding="0" cellspacing="0" style="width:90px">' +
'<!--begin-->' +
'<tr>' +
'<td style="background:none;border:0;padding-left:0px;margin:0px;padding:0px;" align="center" width="102" height="24">' +
'<span style="text-decoration:none;font-family:新宋体;font-size:12;color:#3477B7;text-align:left">在线值班</span>' +
'</td>' +
'</tr>' +
'<tr>' +
'<td style="background:none;border:0;padding-left:0px;margin:0px;padding:0px;" align="center" width="102" height="24"><img src="qqimg/center_2.gif" style="margin:0px; padding:0px;" align="texttop">' +
' <a style="text-decoration:none;" href="tencent://message/?uin=88888&Site=24小时值班&Menu=yes" target="blank"><span style="text-decoration:none;font-family:tahoma;font-size:12;color:#ff0000;text-align:left">88888</span>' +
'</td>' +
'</tr>' +
'<tr>' +
'<td style="background:none;border:0;padding-left:0px;margin:0px;padding:0px;" align="center" width="102" height="24">' +
'<span style="text-decoration:none;font-family:新宋体;font-size:12;color:#3477B7;text-align:left">业务合作</span>' +
'</td>' +
'</tr>' +
'<tr>' +
'<td style="background:none;border:0;padding-left:0px;margin:0px;padding:0px;" align="center" width="102" height="24"><img src="qqimg/center_2.gif" style="margin:0px; padding:0px;" align="texttop">' +
' <a style="text-decoration:none;" href="tencent://message/?uin=88888&Site=业务合作&Menu=yes" target="blank"><span style="text-decoration:none;font-family:tahoma;font-size:12;color:#000000;text-align:left">88888</span>' +
'</td>' +
'</tr>' +
'<tr>' +
'<td style="background:none;border:0;padding-left:0px;margin:0px;padding:0px;" align="center" width="102" height="24"><img src="qqimg/center_2.gif" style="margin:0px; padding:0px;" align="texttop">' +
' <a style="text-decoration:none;" href="tencent://message/?uin=88888&Site=业务合作&Menu=yes" target="blank"><span style="text-decoration:none;font-family:tahoma;font-size:12;color:#000000;text-align:left">88888</span>' +
'</td>' +
'</tr>' +
'<tr>' +
'<td style="background:none;border:0;padding-left:0px;margin:0px;padding:0px;" align="center" width="102" height="24">' +
'<span style="text-decoration:none;font-family:新宋体;font-size:12;color:#3477B7;text-align:left">代理咨询</span>' +
'</td>' +
'</tr>' +
'<tr>' +
'<td style="background:none;border:0;padding-left:0px;margin:0px;padding:0px;" align="center" width="102" height="24"><img src="qqimg/center_2.gif" style="margin:0px; padding:0px;" align="texttop">' +
' <a style="text-decoration:none;" href="tencent://message/?uin=88888&Site=代理咨询&Menu=yes" target="blank"><span style="text-decoration:none;font-family:tahoma;font-size:12;color:#000000;text-align:left">88888</span>' +
'</td>' +
'</tr>' +
'<tr>' +
'<td style="background:none;border:0;padding-left:0px;margin:0px;padding:0px;" align="center" width="102" height="24">' +
'<span style="text-decoration:none;font-family:新宋体;font-size:12;color:#3477B7;text-align:left">服务投诉</span>' +
'</td>' +
'</tr>' +
'<tr>' +
'<td style="background:none;border:0;padding-left:0px;margin:0px;padding:0px;" align="center" width="102" height="24"><img src="qqimg/center_2.gif" style="margin:0px; padding:0px;" align="texttop">' +
' <a style="text-decoration:none;" href="tencent://message/?uin=88888&Site=服务投诉&Menu=yes" target="blank"><span style="text-decoration:none;font-family:tahoma;font-size:12;color:#000000;text-align:left">88888</span>' +
'</td>' +
'</tr>' +
'<tr>' +
'<td style="background:none;border:0;padding-left:0px;margin:0px;padding:0px;" align="center" width="102" height="24">' +
'<span style="text-decoration:none;font-family:新宋体;font-size:12;color:#3477B7;text-align:left">服务热线:</span>' +
'</td>' +
'</tr>' +
'<tr>' +
'<td style="background:none;border:0;padding-left:0px;margin:0px;padding:0px;" align="center" width="102" height="24">' +
' <span style="text-decoration:none;font-family:tahoma;font-size:12;color:#000000;text-align:left">400-0000000</span>' +
'</td>' +
'</tr>' +
'<tr>' +
'<td style="background:none;border:0;padding-left:0px;margin:0px;padding:0px;" align="center" width="102" height="24">' +
' <span style="text-decoration:none;font-family:tahoma;font-size:12;color:#000000;text-align:left">400-0000000</span>' +
'</td>' +
'</tr>' +
'<!--end-->' +
'</table></td>' +
'</tr>' +
'</table></td>' +
'</tr>' +
'<tr>' +
'<td style="border:0;padding:0;font-size:13px" height="1"><img src="qqimg/end.gif" style="margin:0px; padding:0px;"></td>' +
'</tr>' +
'</table>' +
'</td>' +
'</tr>' +
'</table>' +
'<map name="MapMapMap" οnclick="far_close()" style="cursor:handle">' +
'<area shape="rect" coords="71,8,102,30" href="#">' +
'</map>';

document.write(suspendcode12);
document.write(recontent);
document.write("</div>");
window.setInterval("heartBeat()",1);

function far_close()
{
document.getElementById("lovexin12").innerHTML="";
}

function setfrme()
{
var tr=document.getElementById("lovexin12");
var twidth=tr.clientWidth;
var theight=tr.clientHeight;
var fr=document.getElementById("frame55la");
fr.width=twidth-1;
fr.height=theight-30;
}
//setfrme()


第二种：可以隐藏的版本QQ客服

效果截图：

关键代码： 
//QQ客服弹出对话框


function kf_processWelcomeword(word)
{
	word = word.substr(0,57+10);
	var result = '';
	var count = ;	
	var temp = word.indexOf('<br>');
	
  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('<br>');
  }
  
  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_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 = 9999;    
 	    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;
		  }   
 		  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;   
 		   	   
 		   	   //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);      
 		    }     
 		}   
}

第三种：跟屏悬浮客服

效果截图：

第四种：http://www.i2gou8.com上使用的


关键代码： 
document.write("<div class='QQbox' id='divQQbox' >");
document.write("<div class='Qlist' id='divOnline' οnmοuseοut='hideMsgBox(event);' style='display : none;'>");
document.write("<div class='t'></div>");
document.write("<div class='infobox'>我们营业的时间<br>9:00-18:00</div>");
document.write("<div class='con'>");

document.write("<ul>");

document.write("<li class=odd><a href='http://wpa.qq.com/msgrd?V=1&Uin=123456&Site=QQ咨询&Menu=yes' target='_blank'><img src=' http://wpa.qq.com/pa?p=1:123456:4'  border='0' alt='QQ' />QQ咨询</a></li>");

document.write('<li><img src="OKQQ/images/msn.gif" width="18" height="17" border="0" alt="MSN" /> <a href="msnim:chat?contact=MSN帐号">MSN咨询</a></li>');

document.write('<li><a href="http://amos1.taobao.com/msg.ww?v=2&uid=旺旺号码&s=2" target="_blank"><img src="http://amos1.taobao.com/online.ww?v=2&uid=旺旺号码&s=2" width="16" height="16" border="0" alt="淘宝旺旺" />在线旺旺</a></li>');


document.write('<tr><td><li>咨询电话：010-88888888</li></td></tr>');

document.write("</ul>");

document.write("</div>");

document.write("<div class='b'></div>");

document.write("</div>");

document.write("<div id='divMenu' οnmοuseοver='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 = "170px";

}



function OnlineOut(){

document.getElementById("divMenu").style.display = "block";

document.getElementById("divOnline").style.display = "none";



}



if(typeof(HTMLElement)!="undefined")    //给firefox定义contains()方法，ie下不起作用
{   
      HTMLElement.prototype.contains=function(obj)   
      {   
          while(obj!=null&&typeof(obj.tagName)!="undefind"){ //通过循环对比来判断是不是obj的父元素
   　　　　if(obj==this) return true;   
   　　　　obj=obj.parentNode;
   　　}   
          return false;   
      };   
}  


function hideMsgBox(theEvent){ //theEvent用来传入事件，Firefox的方式

　 if (theEvent){

　 var browser=navigator.userAgent; //取得浏览器属性

　 if (browser.indexOf("Firefox")>0){ //如果是Firefox

　　 if (document.getElementById('divOnline').contains(theEvent.relatedTarget)) { //如果是子元素

　　 return; //结束函式

} 

} 

if (browser.indexOf("MSIE")>0){ //如果是IE

if (document.getElementById('divOnline').contains(event.toElement)) { //如果是子元素

return; //结束函式

}

}

}

/*要执行的操作*/

document.getElementById("divMenu").style.display = "block";

document.getElementById("divOnline").style.display = "none";

}


smile清风
关注
专栏目录
[js jquery]史上最全在线客服20种风格[企业站和商城站使用]
08-21
js在线客服|js左侧可折叠在线客服代
超全在线客服网页特效素材网站整理
m0_64513233的博客
01-24 1892
前方注意咯！建议先收藏再看哦！为大家整理在线客服网页特效素材，总有满足你需求的一款，除此之外，免费，资源质量好，一键打包下载，你还不心动吗？ 因为小编的工作原因，经常会使用到在线客服网页特效素材，所以自己也寻找了很多的相关素材，在自己使用了一段时间后，发现了一个网站里面的在线客服网页特效资源，不仅质量好，数量多，新用户注册可以免费下载哦，很多资源也是免费的噢 为大家整理了网页特效-在线客服网页特效合集 为了方便大家更快的找到资源，小编给大家指引路线： 进入网站后-点击-平面-资源库-网页特效栏目，然
QQ在线客服（5款简单实用实例）
08-08
QQ在线客服（5款简单实用实例），这5种实例是本人自己收藏整理，在此分享给大家，希望对大家有所帮助！
QQ在线客服的二种代码，感觉很不错
我本无名的专栏
03-12 8947
第一种： www.lanrentuku.comfunction move(x, y) {if (document.all) {object1.style.pixelLeft += x;object1.style.pixelTop  += y;}elseif (document.layers) {document.object1.left += x;document.object1.top 
上最全在线客服20种风格打包下载
03-20
上最全在线客服20种风格打包下载，源码，左侧、右侧展示
Java几种常用的断言风格你怎么选
08-25
那么，Java几种常用的断言风格你怎么选？下面，我们将对Java几种常用的断言风格进行介绍和比较。 01 Assert风格 Assert风格是JUnit中提供的一种断言风格，例如： ```java void should_be_unlocked_when_insert_...
明暗两种风格在线学习app ui .sketch素材下载
04-20
这两种风格在现代应用设计中非常常见，因为它们可以满足不同用户在不同环境下的视觉需求。亮色主题通常给人带来清新、开放的感觉，适合在光线充足的环境下使用；而暗色主题则在夜晚或低光照环境下能减轻眼睛疲劳，...
idea的几种常用插件
05-06
**Idea的几种常用插件详解** IntelliJ IDEA，简称IDEA，是广大开发者广泛使用的Java集成开发环境，以其高效、智能的编码辅助而深受喜爱。为了提升开发效率和代码质量，IDEA提供了丰富的插件支持。在本文中，我们将...
一个简约橙色风格的jQuery网页右侧在线客服特效，网站悬浮客服代码，带返回顶部按钮与二维码的qq在线客服代码
最新发布
04-20
该资源是一个基于jQuery实现的网页在线客服系统，其设计风格简约且采用了橙色主题，能够为网站增添一种专业而友好的交互体验。这个特效主要包含以下几个核心知识点： 1. jQuery库：jQuery是一个广泛使用的...
4种不同表情风格创意个性404错误页面模板
07-13
404错误页面是互联网上常见的一种网页状态，它表明用户尝试访问的页面不存在或已被删除。在用户体验设计中，404错误页面通常被赋予创新和个性化的元素，以减轻用户因找不到所需内容而产生的挫败感。本文将深入探讨4...
php在线客服框架,智能在线客服-框架
weixin_31292729的博客
03-24 117
摘要：智能在线客服*{margin:0;padding:0;}body{font-family:"微软雅黑";color:#333;}.box{width:500px;height:700px;background:#e9eff8;margin:40pxauto;}h2{text-align:center;line-height:40px;}.count{width:96%...
在线客服框的制作
qq_44294202的博客
12-26 326
在线客户框的制作 项目场景： 在线客服制作： 通过在版心的右边缘设置一个悬浮框，通过过渡动画来展示 制作思路： 第一步：先定位整体框架，做好布局 第二步：做精灵图控制每个鼠标移动的背景图效果 第三步：做细节展示动画 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt
在线客服技术详解(未完待续)
sunlen的专栏(编程技术探讨)
09-23 6759
98FAWKXR,20171620BIHO@]i72599!!!B1B917141104B411E3G4折无咎?浇唆坞笺/enb!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
在线客服技术详解（理论）
小小黑
03-16 1万+
前言在线客服是一个比较流行的功能，网络上有很多提供在线客服服务的公司，但介绍在线客服技术的文章却很少。另外，网上有一些免费的在线客服框架，但大部分都只适用与小规模的在线客服服务，对于大规模应用（几万人甚至几十万人同时在线），却基本没有。本文将根据自己的一些实际经验，讲解在线客服的各项技术。这里讲的在线客服系统是基于Web环境，采用Java、JavaScript来实现的。aJax技术讲在线客服技术，就
Vue在线客服系统【开源项目】
weixin_33881753的博客
07-24 6303
1. 项目介绍 一个基于Vue2.0的在线客服系统。 技术栈包含：Vue、VueX、Vue Router、Element UI。   2. 功能介绍 项目包含了2个模块：客服端和访客端。 2.1 客服端功能 1)文本和表情混合内容的接收和发送。 2)图片、文件的接收和发送。 运行图   2.2 访客端功能 1)文本和表情混合内容的接收和发送。 2)图片、文件的接收和发...
ASPCMS在线客服阿里旺旺显示问题
Haber
10-17 2283
朋友弄了阿里旺旺的账号，发现在网站前端不展示，一阵郁闷。yo
Workerman之GatewayWorker框架 - 在线客服，实时通信
weixin_34116110的博客
07-13 901
一、绑定用户id实现一对一客服聊天 相关文档：LibGateway类提供的接口 JS： <script> var fromid = {$fromid}; var toid = {$toid}; var ws = new WebSocket("ws://127.0.0.1:8282"); ...
在线客服系统源码，基于PHPSocket.IO和ThinkPHP框架
LAOLIUSHUO的博客
10-22 2993
在线客服系统 得力于Socket长连接的特性，可以实时的检测网站的访问情况，并可以获取访客的来源以及操作系统、浏览器等信息，帮助企业抓住一切商机； 集成CRM 打通营销与转化 在线客服获取销售线索，来源信息、对话记录同步录入CRM，IM与FeelCRM一体化，可以让企业轻松的实现推广渠道订单转化率等统计，为企业节约推广投入； 客服系统 & 工单系统 将在线客服未能即时解决的问题自动生成...
springboot整合websocket实现页面在线客服聊天，并且解决无法注入实例的问题
热门推荐
张全健的博客
06-05 1万+
本文采用现在流行的springboot框架整合websocket实现在线客服的聊天功能，代码实现如下：&lt;project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  xsi:schemaLocation="http://maven.apache....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值