<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jquery右侧浮动QQ在线客服特效代码</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="js/jQuery.js"></script>
<script type="text/javascript">
$(function() {
$(".kfleft").click(function(){
var i=$("#haiiskefu").css("right");
if (i=='0px'){
$('#haiiskefu').animate({right:-80}, 200);
} else {
$('#haiiskefu').animate({right:0}, 200);
}
});
});
</script>
</head>
<body>
<div style="height:1000px;"></div>
<div id="haiiskefu">
<div class="kfleft" title="点击查看联系方式"></div>
<ul>
<li><a rel="nofollow" href="http://wpa.qq.com/msgrd?v=3&uin=1598135958&site=qq&menu=yes" title="销售咨询" target="_blank"></a></li>
<li><a rel="nofollow" href="http://wpa.qq.com/msgrd?v=3&uin=1598135958&site=qq&menu=yes" title="美工咨询" target="_blank"></a></li>
<li><a rel="nofollow" href="http://wpa.qq.com/msgrd?v=3&uin=1598135958&site=qq&menu=yes" title="技术咨询" target="_blank"></a></li>
<li><a rel="nofollow" href="http://wpa.qq.com/msgrd?v=3&uin=1598135958&site=qq&menu=yes" title="优化咨询" target="_blank"></a></li>
<li><a rel="nofollow" href="http://wpa.qq.com/msgrd?v=3&uin=1598135958&site=qq&menu=yes" title="售后咨询" target="_blank"></a></li>
<li><a rel="nofollow" href="http://wpa.qq.com/msgrd?v=3&uin=1598135958&site=qq&menu=yes" title="财务咨询" target="_blank"></a></li>
<li><a href="http://sc.admin5.com/" title="联系方式" target="_blank"></a></li>
</ul>
</div>
</body>
</html>jQuery实现右侧qq在线客服特效，鼠标划过即可显示、隐藏
jquery win8扁平风格返回顶部和在线客服网站侧边栏代码
jquery实现页面右侧固定按钮，点击展开带二维码的qq在线客服特效
