怎么在首页上面添加在线客服？

lg295452

如何在首页添加浮动的在线客服？？？？

wangxiaohui1987

浮动的在线客服需要您通过JS代码来实现，将代码在后台添加到在线客服的地方就可以了。
建议您添加53KF，若需要QQ等其他漂浮客服则需要您在网站搜索对应的JS代码然后添加。

lg295452

哦，谢谢，能不能给我发一下代码？

limqiang

您可以在53KF的官网注册一个会员，然后申请，就会得到相应的53KF代码了。
http://www.53kf.com

limqiang

1. <STYLE>
   
2. <!--
   
3. A.ssmItems:link {color:black;text-decoration:none; padding-left:6px;}
   
4. A.ssmItems:hover {color:black;text-decoration:none;padding-left:6px;}
   
5. A.ssmItems:active {color:black;text-decoration:none;padding-left:6px;}
   
6. A.ssmItems:visited {color:black;text-decoration:none;padding-left:6px;}
   
7. 
   
8. 
   
9. -->
   
10. </STYLE>
    
11. 
    
12. <SCRIPT>
    
13. NS6 = (document.getElementById && !document.all)
    
14. IE = (document.all)
    
15. NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")
    
16. 
    
17. tempBar='';barBuilt=0;ssmItems=new Array();
    
18. 
    
19. moving=setTimeout('null',1)
    
20. function moveOut() {
    
21. if ((NS6||NS) && parseInt(ssm.left)<0 || IE && ssm.pixelLeft<0) {
    
22. clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed);slideMenu(10)}
    
23. else {clearTimeout(moving);moving=setTimeout('null',1)}};
    
24. function moveBack() {clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}
    
25. function moveBack1() {
    
26. if ((NS6||NS) && parseInt(ssm.left)>(-menuWidth) || IE && ssm.pixelLeft>(-menuWidth)) {
    
27. clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);slideMenu(-10)}
    
28. else {clearTimeout(moving);moving=setTimeout('null',1)}}
    
29. function slideMenu(num){
    
30. if (IE) {ssm.pixelLeft += num;}
    
31. if (NS||NS6) {ssm.left = parseInt(ssm.left)+num;}
    
32. if (NS) {bssm.clip.right+=num;bssm2.clip.right+=num;}}
    
33. 
    
34. function makeStatic() {
    
35. if (NS||NS6) {winY = window.pageYOffset;}
    
36. if (IE) {winY = document.documentElement.scrollTop+300;}
    
37. if (NS6||IE||NS) {
    
38. if (winY!=lastY && winY>YOffset-staticYOffset) {
    
39. smooth = .2 * (winY - lastY - YOffset + staticYOffset);}
    
40. else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) {
    
41. smooth = .2 * (winY - lastY - (YOffset-(YOffset-winY)));}
    
42. else {smooth=0}
    
43. if(smooth > 0) smooth = Math.ceil(smooth);
    
44. else smooth = Math.floor(smooth);
    
45. if (IE) bssm.pixelTop+=smooth;
    
46. if (NS6||NS) bssm.top=parseInt(bssm.top)+smooth
    
47. lastY = lastY+smooth;
    
48. setTimeout('makeStatic()', 1)}}
    
49. 
    
50. function buildBar() {
    
51. if(barText.indexOf('<IMG')>-1) {tempBar=barText}
    
52. else{for (b=0;b<barText.length;b++) {tempBar+=barText.charAt(b)+"<BR>"}}
    
53. document.write('<td align="center" rowspan="100" width="'+barWidth+'" valign="'+barVAligns+'"><img src="'+barBGimg+'"></TD>')}
    
54. 
    
55. function initSlide() {
    
56. if (NS6){ssm=document.getElementById("thessm").style;bssm=document.getElementById("basessm").style;
    
57. bssm.clip="rect(0 "+document.getElementById("thessm").offsetWidth+" "+document.getElementById("thessm").offsetHeight+" 0)";ssm.visibility="visible";}
    
58. else if (IE) {ssm=document.all("thessm").style;bssm=document.all("basessm").style
    
59. bssm.clip="rect(0 "+thessm.offsetWidth+" "+thessm.offsetHeight+" 0)";bssm.visibility = "visible";}
    
60. else if (NS) {bssm=document.layers["basessm1"];
    
61. bssm2=bssm.document.layers["basessm2"];ssm=bssm2.document.layers["thessm"];
    
62. bssm2.clip.left=0;ssm.visibility = "show";}
    
63. if (menuIsStatic=="yes") makeStatic();}
    
64. 
    
65. function buildMenu() {
    
66. if (IE||NS6) {document.write('<DIV ID="basessm" style="visibility:hidden;Position : Absolute ;Left : '+XOffset+' ;Top : '+YOffset+' ;Z-Index : 20;width:'+(menuWidth+barWidth+10)+'"><DIV ID="thessm" style="Position : Absolute ;Left : '+(-menuWidth)+' ;Top : 0 ;Z-Index : 20;" onmouseover="moveOut()" onmouseout="moveBack()">')}
    
67. if (NS) {document.write('<LAYER name="basessm1" top="'+YOffset+'" LEFT='+XOffset+' visibility="show"><ILAYER name="basessm2"><LAYER visibility="hide" name="thessm" left="'+(-menuWidth)+'" onmouseover="moveOut()" onmouseout="moveBack()">')}
    
68. if (NS6){document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'"><TR><TD>')}
    
69. document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'">');
    
70. for(i=0;i<ssmItems.length;i++) {
    
71. if(!ssmItems[i][3]){ssmItems[i][3]=menuCols;ssmItems[i][5]=menuWidth-1}
    
72. else if(ssmItems[i][3]!=menuCols)ssmItems[i][5]=Math.round(menuWidth*(ssmItems[i][3]/menuCols)-1);
    
73. if(ssmItems[i-1] && ssmItems[i-1][4]!="no"){document.write('<TR>')}
    
74. if(!ssmItems[i][1]){
    
75. document.write('<td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'" align="'+barVAlign+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+ssmItems[i][0]+'</b></font></td>')}
    
76. else {if(!ssmItems[i][2])ssmItems[i][2]=linkTarget;
    
77. document.write('<TD BGCOLOR="'+linkBGColor+'" HEIGHT="'+hdrHeights+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+ssmItems[i][1]+'" target="'+ssmItems[i][2]+'" CLASS="ssmItems">'+ssmItems[i][0]+'</DIV></LAYER></ILAYER></TD>')}
    
78. if(ssmItems[i][4]!="no" && barBuilt==0){buildBar();barBuilt=1}
    
79. if(ssmItems[i][4]!="no"){document.write('</TR>')}}
    
80. document.write('</table>')
    
81. if (NS6){document.write('</TD></TR></TABLE>')}
    
82. if (IE||NS6) {document.write('</DIV></DIV>')}
    
83. if (NS) {document.write('</LAYER></ILAYER></LAYER>')}
    
84. theleft=-menuWidth;lastY=0;setTimeout('initSlide();', 1)}
    
85. 
    
86. </SCRIPT>
    
87. 
    
88. <SCRIPT>
    
89. YOffset=150; // no quotes!!
    
90. XOffset=0;
    
91. staticYOffset=30; // no quotes!!
    
92. slideSpeed=20 // no quotes!!
    
93. waitTime=100; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.
    
94. menuBGColor="ffffff";
    
95. menuIsStatic="yes"; //this sets whether menu should stay static on the screen
    
96. menuWidth=150; // Must be a multiple of 10! no quotes!!
    
97. menuCols=2;
    
98. hdrFontFamily="verdana";
    
99. hdrFontSize="2";
    
100. hdrFontColor="white";
     
101. hdrBGColor="#B6E7C9";
     
102. hdrAlign="left";
     
103. hdrVAlign="center";
     
104. hdrHeight="25";
     
105. linkFontFamily="Verdana";
     
106. linkFontSize="2";
     
107. linkBGColor="#F4FBF7";
     
108. linkOverBGColor="#FFFF99";
     
109. linkTarget="_top";
     
110. linkAlign="Left";
     
111. barBGColor="#444444";
     
112. barBGimg="/images/hi.gif";
     
113. barFontFamily="Verdana";
     
114. barFontSize="2";
     
115. hdrHeights="22";
     
116. barVAlign="center";
     
117. barVAligns="top"
     
118. 
     
119. barWidth=24; // no quotes!!
     
120. barText=""; // <IMG> tag supported. Put exact html for an image to show.
     
121. 
     
122. ///////////////////////////
     
123. 
     
124. // ssmItems[...]=[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header
     
125. ssmItems[0]=[" QQ客服"] //create header
     
126. ssmItems[1]=["<img src=/images/q.gif border=0/> 111111111", "#", ""]
     
127. ssmItems[2]=["<img src=/images/q.gif border=0/> 222222222", "#",""]
     
128. ssmItems[3]=["<img src=/images/q.gif border=0/> 333333333", "#", ""]
     
129. ssmItems[4]=["<img src=/images/q.gif border=0/> 444444444", "#", "_blank"]
     
130. ssmItems[5]=["<img src=/images/q.gif border=0/> 555555555", "#", ""]
     
131. ssmItems[6]=["<img src=/images/q.gif border=0/> 666666666", "#", ""]
     
132. ssmItems[7]=[" 电话客服", "", ""] //create header
     
133. ssmItems[8]=["<img src=/images/t.gif border=0/> 111111111", "#", ""]
     
134. ssmItems[9]=["<img src=/images/t.gif border=0/> 222222222", "#", ""]
     
135. ssmItems[10]=["<img src=/images/t.gif border=0/> 333333333", "#", ""]
     
136. 
     
137. buildMenu();
     
138. moveBack();
     
139. </SCRIPT>

复制代码

可用这段试试,需要您自已改改