首先介绍怎样制作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"><imgborder="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"><imgborder="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"><imgborder="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"><imgsrc="images/code.jpg" width="120" height="120" title="用手机微信扫一扫" /></a></div><span class="cs_tel_ct"> 扫描二维码访问手机端</span></div>

下载源码: http://pan.baidu.com/s/1sjykfYt