基于jquery的浮动客服QQ代码

在线客服QQ有很多，代码也不少，这个是基于jquery的浮动客服qq代码，div+css结构，js代码只有8行，内容随意扩展，是现阶段比较不错的浮动客服QQ代码。

 

<div class="onlineQQ" style="width:120px;position:absolute"><div class="titcon"><em>在线客服</em></div><div class="cont P8"><a target="_blank" href="http://wpa.qq.com/msgrd?v=1&amp;uin=123456&amp;site=qq&amp;menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:123456:41" alt="点击这里给我发消息" title="点击这里给我发消息"></a></div></div>

<script type="text/javascript">$(function(){$(".onlineQQ").hide();$(".onlineQQ").css({"top":171+$(window).scrollTop(),"left":$(window).width()/2-500-160});$(window).scroll(function(){var offsetTop=86+$(window).scrollTop()+"px";$(".onlineQQ").animate({top:offsetTop,"left":$(window).width()/2-500-160},{duration:500,queue:false})});$(window).resize(function(){var offsetTop=86+$(window).scrollTop()+"px";$(".onlineQQ").animate({top:offsetTop,"left":$(window).width()/2-500-160},{duration:500,queue:false})});$(".clickclose").click(function(){$(".onlineQQ").hide();});window.setTimeout(showwin,500);//2秒});function showwin(){$(".onlineQQ").fadeIn('slow');}</script>

原文：http://www.wangqi.com/html/2011-11/14456.htm