网站左侧浮动jquery在线QQ客服代码-易站站长网

代码介绍：

网站左侧浮动jquery在线QQ客服代码，鼠标滑过折叠和收缩，具体效果请查看演示。

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

演示地址：

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

演示效果图片：

代码如下：

<!-- 代码开始 www.yizhanzzw.com 易站站长网提供制作 --> 
<link href="https://www.yizhanzzw.com/yanshi/kefu27/css/yizhanzzw.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="https://www.yizhanzzw.com/yanshi/kefu27/js/jquery-1.7.2.min.js"></script>
<div id="divQQbox" class="QQbox">
	<div id="divOnline" class="Qlist">
		<div class="OnlineLeft">
			<div class="con">
				<ul>
					<li>售前咨询<a target="_blank" href="tencent://message/?uin=12345678&amp;&amp;Site=www.yizhanzzw.com&amp;&amp;Menu=yes"><img
						border="0" src="http://wpa.qq.com/pa?p=1:12345678:42"></a></li>
					<li>网站建设<a target="_blank" href="tencent://message/?uin=12345678&amp;&amp;Site=www.yizhanzzw.com&amp;&amp;Menu=yes"><img
						border="0" src="http://wpa.qq.com/pa?p=1:12345678:42"></a></li>
					<li>网站优化<a target="_blank" href="tencent://message/?uin=12345678&amp;&amp;Site=www.yizhanzzw.com&amp;&amp;Menu=yes"><img
						border="0" src="http://wpa.qq.com/pa?p=1:12345678:42"></a></li>
					<li>整合营销<a target="_blank" href="tencent://message/?uin=12345678&amp;&amp;Site=www.yizhanzzw.com&amp;&amp;Menu=yes"><img
						border="0" src="http://wpa.qq.com/pa?p=1:12345678:42"></a></li>
					<li>售后服务<a target="_blank" href="tencent://message/?uin=12345678&amp;&amp;Site=www.yizhanzzw.com&amp;&amp;Menu=yes"><img
						border="0" src="http://wpa.qq.com/pa?p=1:12345678:42"></a></li>
				</ul>
			</div>
		</div>
		<div class="OnlineBtn">
		</div>
	</div>
</div>

<script type="text/javascript">
$(function(){
	//建站热线展开效果
	$("#divQQbox").hover(
		function(){
			$(this).stop(true,false);
			$(this).animate({left:0},300);	
		},
		function(){
			$(this).animate({left:-276},149);	
		}
	)
	
});
</script>
<!-- 代码结束 www.yizhanzzw.com 易站站长网提供制作 -->