浮动qq客服备份代码

<div class="main-im">
	<div id="open_im" class="open-im"> </div>  
	<div class="im_main" id="im_main">
		<div id="close_im" class="close-im"><a href="javascript:void(0);" title="点击关闭"> </a></div>
		<a href="http://wpa.qq.com/msgrd?v=3&uin=175712736&site=qq&menu=yes" target="_blank" class="im-qq qq-a" title="在线QQ客服">
			<div class="qq-container"></div>
			<div class="qq-hover-c"><img class="img-qq" src="{STATICURL}image/qqwiget/qq.png"></div>
			<span> QQ在线咨询</span>
		</a>
		<div class="im-footer" style="position:relative">
			<div class="weixing-container">
				<div class="weixing-show">
					<div class="weixing-txt">微信扫一扫<br>关注天天素材</div>
					<img class="weixing-ma" src="{STATICURL}image/qqwiget/qrcode.jpg">
					<div class="weixing-sanjiao"></div>
					<div class="weixing-sanjiao-big"></div>
				</div>
			</div>
			<div class="go-top"><a href="javascript:;" title="返回顶部"></a> </div>
			<div style="clear:both"></div>
		</div>
	</div>
</div>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script>
jQuery(function(){
	jQuery.noConflict();
	jQuery('#close_im').bind('click',function(){
		jQuery('#main-im').css("height","0");
		jQuery('#im_main').hide();
		jQuery('#open_im').show();
	});
	jQuery('#open_im').bind('click',function(e){
		jQuery('#main-im').css("height","272");
		jQuery('#im_main').show();
		jQuery(this).hide();
	});
	jQuery('.go-top').bind('click',function(){
		jQuery(window).scrollTop(0);
	});
	jQuery(".weixing-container").bind('mouseenter',function(){
		jQuery('.weixing-show').show();
	})
	jQuery(".weixing-container").bind('mouseleave',function(){        
		jQuery('.weixing-show').hide();
	});
});
</script>

  

posted @ 2015-07-05 10:31  菁菁工作室  阅读(258)  评论(0编辑  收藏  举报