jquery网站右侧QQ在线客服代码（清爽干净皮肤）-易站站长网

代码介绍：

jquery网站右侧QQ在线客服代码，点击可进行折叠与展开，具体效果请查看演示。

把代码中必要的数字/文字/图片信息修改为自己的信息，即可投入到自己的网站使用。

演示地址：

https://www.yizhanzzw.com/yanshi/kefu51

演示效果图片：

代码如下：

	<!-- 代码开始 www.yizhanzzw.com 易站站长网提供制作 --> 
<link href="https://www.yizhanzzw.com/yanshi/kefu51/css/yizhanzzw.css" rel="stylesheet" type="text/css" />
<script src="https://www.yizhanzzw.com/yanshi/kefu51/js/jquery.min.js"></script>
<script src="https://www.yizhanzzw.com/yanshi/kefu51/js/jquery.hhService.js"></script>
<script>$(function(){$("#hhService").fix({float:'right',minStatue:false,skin:'green',durationTime:1000})});</script>

<div class="scrollsidebar" id="hhService">
	<div class="side_content">
		<div class="side_list">
			<div class="side_title">
				<a title="隐藏" class="close_btn"><span>关闭</span></a></div>
			<div class="side_center">
				<div class="qqserver">
					<p>
					<a title="点击这里给我发消息" href="http://wpa.qq.com/msgrd?v=3&uin=123456789&site=qq&menu=yes" target="_blank">
					<img src="http://wpa.qq.com/pa?p=1:123456789:51">售前客服</a></p>
					<p>
					<a title="点击这里给我发消息" href="http://wpa.qq.com/msgrd?v=3&uin=123456789&site=qq&menu=yes" target="_blank">
					<img src="http://wpa.qq.com/pa?p=1:123456789:51">售前客服</a></p>
					<p>
					<a title="点击这里给我发消息" href="http://wpa.qq.com/msgrd?v=3&uin=123456789&site=qq&menu=yes" target="_blank">
					<img src="http://wpa.qq.com/pa?p=1:123456789:51">售后客服</a></p>
					<p>
					<a title="点击这里给我发消息" href="http://wpa.qq.com/msgrd?v=3&uin=123456789&site=qq&menu=yes" target="_blank">
					<img src="http://wpa.qq.com/pa?p=1:123456789:51">技术支持</a></p>
				</div>
				<strong>咨询热线：123456</strong><div class="msgserver">
					<p><a href="http://www.yizhanzzw.com/">在线客服</a></p>
				</div>
			</div>
			<div class="side_bottom">
			</div>
		</div>
	</div>
	<div class="show_btn"><span>在线客服</span></div>
</div>
<!-- 代码结束 www.yizhanzzw.com 易站站长网提供制作 -->