首先介绍怎样制作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