学步园

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