首先介绍怎样制作QQ在线客服代码:
在线状态”是腾讯公司提供的一种快速沟通服务,该服务可以让您在不加好友的情况下和域中的朋友发起临时会话。这个代码需要登录http://wp.qq.com,进行一些的设置,然后将生成的代码嵌入至您网页上对应的页面代码中。
代码如下:
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=12345678&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:12345678:41" alt="点击这里给我发消息" title="点击这里给我发消息"></a>
按实际情况把12345678替换为你的QQ号码即可。
【备注:QQ号需要开通在线客服功能】开通网址:http://shang.qq.com/v3/index.html.(具体请百度,具体不赘述)
下面是一款设计好了样式的客服插件,形式如下:
- <link href="css/kefu.css-v=1.css" rel="stylesheet"type="text/css" />
- <div id="kefu1">
- <div class="cs_close">
- <a href="javascript:;" onClick="kefu1.style.display = 'none'"><span>关闭</span>
- </a>
- </div>
- <div class="cs_tel"></div>
- <div class="cs_tel_ct">
- <span class="cs_tel_num">4007889299</span> 工作日:上午8:30-12:00<br />
- 工作日:下午13:30-17:30<br />
- </div>
- <div class="cs_spr"></div>
- <div class="cs_online"></div>
-
- <div class="cs_online_ct">
- <div class="cs_online_qq">
- <a target="_blank"
- href="http://wpa.qq.com/msgrd?v=3&uin=1648104226&site=qq&menu=yes"><img
- border="0" src="http://wpa.qq.com/pa?p=2:1648104226:41"
- alt="QQ客服1" title="QQ客服1">
- </a>
- </div>
- <div class="cs_online_qq">
- <a target="_blank"
- href="http://wpa.qq.com/msgrd?v=3&uin=727091913&site=qq&menu=yes"><img
- border="0" src="http://wpa.qq.com/pa?p=2:727091913:41"
- alt="QQ客服2" title="QQ客服2">
- </a>
- </div>
- <div class="cs_online_qq">
- <a target="_blank"
- href="http://wpa.qq.com/msgrd?v=3&uin=29633131&site=qq&menu=yes"><img
- border="0" src="http://wpa.qq.com/pa?p=2:29633131:41"
- alt="QQ客服3" title="QQ客服3">
- </a>
- </div>
-
-
- </div>
- <div class="cs_qcode">
- <a href="javascript:void(0)" target="_blank"><img
- src="images/code.jpg" width="120" height="120" title="用手机微信扫一扫" />
- </a>
- </div>
- <span class="cs_tel_ct"> 扫描二维码访问手机端</span>
-
- </div>
下载源码:
http://pan.baidu.com/s/1sjykfYt