【求技术解决】网站如何添加客服代码

技术大神帮帮我，我想在网站添加客服导航，就是下图这样的！

技术大神帮帮我，我想在网站添加客服导航，就是下图这样的！
小小白 发表于 2015-2-11 10:43

2015最新网站JS特效源码_在线客服_Jquery弹窗代码   http://bbs.ttasp.com/thread-756-1-1.html 你找找里面好像有现成的哟

回复 2# ttasp


   我不知道放在哪

回复  ttasp


   我不知道放在哪
小小白 发表于 2015-2-11 11:23

里面有说明。你看看

回复 4# ttasp


   你能帮我制作我发的那样吗，1L

回复  ttasp


   你能帮我制作我发的那样吗，1L
小小白 发表于 2015-2-11 11:33

你找找现成的啊，一般都是网上改改。商业定制，很花时间

回复 6# ttasp


   您扣扣多少，我加下您，我有代码，您帮我看下

回复 6# ttasp


   在吗，我刚把源码发你了，你看看，得怎么弄

回复  ttasp


   在吗，我刚把源码发你了，你看看，得怎么弄
小小白 发表于 2015-2-11 12:06

发邮箱吧support@ttasp.com

回复 9# ttasp


   好的，发过去了

回复  ttasp


   好的，发过去了
小小白 发表于 2015-2-11 12:21

    你把这些代码复制到你的 网页代码里面去

回复 11# ttasp


   技术大师，你发的是图，不是字，这可咋复制阿，你把字发给我吧，我不知道复制去哪！您能不能帮我远程弄

回复  ttasp


   技术大师，你发的是图，不是字，这可咋复制阿，你把字发给我吧，我不知道复制去哪！您 ...
小小白 发表于 2015-2-11 13:48

   就是你那文件里面的

1. <!--右侧导航-->
   
2. <style type="text/css">
   
3. <!--
   
4. .r_serve{ width:60px; border:#CFD0CF 1px solid; border-bottom:0px; background:#F1F1F1; z-index: 111;position:fixed; _position:absolute; top:50%;left:50%;margin-left:500px; margin-top:-70px;}
   
5. .r_serve a{ color:#333333; text-decoration:none;}
   
6. .r_serve img{border:0px; vertical-align:top;}
   
7. .r_serve li{ list-style-type:none;width:60px; height:50px; padding-top:10px; border-bottom:#CFD0CF 1px solid;font-size:12px; color:#333333;text-align:center; line-height:22px;position:relative; cursor:pointer;}
   
8. .r_serve li img.maImg{ position:absolute; right:60px; bottom:-65px; display:none}
   
9. 
   
10. .r_gfq{ width:174px; background-color:#4E4E4E; color:#949393; font-size:12px; font-family:Verdana, Arial, "宋体"; position:relative;position:absolute; right:73px; bottom:-70px; display:none}
    
11. .r_gfq img.arrow{ position:absolute; top:0px;right:-13px;}
    
12. .r_gfq a{ color:#1A968D; text-decoration:none;}
    
13. .r_gfq a:hover{ text-decoration:underline;}
    
14. .r_gfq p{ width:148px; height:30px; margin:0px auto; text-align:left;}
    
15. .r_gfq p img{ vertical-align:bottom;}
    
16. .r_gfq p.title{ height:34px; line-height:34px; text-align:center; border-bottom:#6F6F6F 1px dashed; margin-bottom:12px;}
    
17. 
    
18. -->
    
19. </style>
    
20. <ul class="r_serve">
    
21.     <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=951776193&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:951776193:53" alt">
    
22.     <li><p><!--<img border="0" src="http://wpa.qq.com/pa?p=2:729549499:52" alt="点击这里给我发消息" title="点击这里给我发消息" style="vertical-align:middle;"/>--><img src="<%=weburl%>images3/share/qq.png" border="0" /></p>
    
23.     <p>客服</p></li></a>
    
24.     <li><p><img src="<%=weburl%>images3/share/qq_gf.png"/></p><p>官方群</p>
    
25.         <div class="r_gfq">
    
26.             <img class="arrow" src="<%=weburl%>images3/share/r_arrow.png"/>
    
27.             <p class="title">点击群号加入官方群</p>
    
28.             <p><img src="<%=weburl%>images3/share/qq_q.png"/> 打码群：<a href="http://shang.qq.com/wpa/qunwpa?idkey="><%=WebdamaQQ%></a></p>
    
29.             <p><img src="<%=weburl%>images3/share/qq_q.png"/> 试玩群：<a href="http://shang.qq.com/wpa/qunwpa?idkey="><%=WebyouxiQQ%></a></p>
    
30.             <p><img src="<%=weburl%>images3/share/qq_q.png"/> 站长群：<a href="http://shang.qq.com/wpa/qunwpa?idkey="><%=tuijianQQ%></a></p>
    
31.         </div>
    
32.     </li>
    
33. 
    
34.     <li><p><img src="<%=weburl%>images3/share/wx.png"/></p><p>微信号</p><img class="maImg" id="wxImg" src="<%=weixin%>"/></li>
    
35.     <li><p><img src="<%=weburl%>images3/share/back_top.png"/></p></li>
    
36. </ul>
    
37. 
    
38. <script language="javascript">
    
39. $(".r_serve li:nth-child(2)").hover(function() {$(".r_gfq").show();$("#maImg").hide();$("#wxImg").hide();},function(){$(".r_gfq").hide();})
    
40. $(".r_serve li:nth-child(3)").hover(function() {$("#wxImg").show();$(".r_gfq").hide();$("#maImg").hide();},function(){$("#wxImg").hide();})
    
41. 
    
42. $(".r_gfq").hover(function() {$(".r_gfq").show();$("#maImg").hide();$("#wxImg").hide();},function(){$(".r_gfq").hide();})
    
43. 
    
44. $(".r_serve li:nth-child(4)").click(function() {$("html, body").animate({ scrollTop: 0 }, 120);})
    
45. </script>
    

复制代码

回复 13# ttasp


   我是不知道，这个放在FTP哪个文件里，所以问问您，您要不然给我远程看下吧

回复  ttasp


   我是不知道，这个放在FTP哪个文件里，所以问问您，您要不然给我远程看下吧
小小白 发表于 2015-2-11 13:58

你打算让那个页面显示啊。远程你联系客服，他会处理。