网页右侧带分组和关闭动能悬浮QQ客服，这个客服窗口跟随页面滚动显示，实用在线客服窗口js特效。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<meta name="keywords" content="武鸣人网站,武鸣信息网,武鸣本地网,武鸣信息资源平台,减肥,健身,励志,励志语录,js特效,网页特效,www.wuming.ren">
<meta name="description" content="欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。">
<title>带分组可关闭的QQ在线客服悬浮定位显示_武鸣人</title>
<style type="text/css">
.c1{
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
color:#333333;
.c7{
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
color:#000033;
}
</style>
</head>
<body>
<a href="https://www.wuming.ren">武鸣人</a>，各种信息资源免费发布，分享励志语录经典短句，减肥健身常识，各种js特效代码。网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)<hr>
<!--欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。-->
<script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script>
<script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script>
<div style="height:2000px;"></div>
<div id="www_wuming_ren" style="position:absolute;left:897px;top:79px;width:95px;height:319px;z-index:1;" class="c1">
<table width="95" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="/img/20240320_www_wuming_ren_1.gif" width="95" height="53" onClick="document.all.www_wuming_ren.style.display='none'" alt="点击关闭" style="cursor:hand;"></td>
</tr>
</table>
<table width="95" height="188" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="188" valign="top" background="/img/20240320_www_wuming_ren_2.gif">
<table width="83" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="23"><div align="center"><img src="/img/20240320_www_wuming_ren_3.jpg" width="14" height="14"></div></td>
<td height="22" class="c1">
<div align="center" class="c7">
<div align="left">售前咨询</div>
</div>
</td>
</tr>
<tr>
<td><div align="center"><img src="/img/20240320_www_wuming_ren_4.gif" width="16" height="16"></div></td>
<td height="22" class="c1"><a href="http://wpa.qq.com/msgrd?V=1&Uin=305686263&Exe=QQ&Site=www_wuming_ren&Menu=No%3E" target="_blank">在线客服</a></td>
</tr>
<tr>
<td><div align="center"><img src="/img/20240320_www_wuming_ren_4.gif" width="16" height="16"></div></td>
<td height="22" class="c1"><a href="http://wpa.qq.com/msgrd?V=1&Uin=305686263&Exe=QQ&Site=www_wuming_ren&Menu=No%3E" target="_blank">在线客服</a></td>
</tr>
<tr>
<td><div align="center"><img src="/img/20240320_www_wuming_ren_4.gif" width="16" height="16"></div></td>
<td height="22" class="c1"><a href="http://wpa.qq.com/msgrd?V=1&Uin=305686263&Exe=QQ&Site=www_wuming_ren&Menu=No%3E" target="_blank">在线客服</a></td>
</tr>
<tr>
<td><div align="center"><img src="/img/20240320_www_wuming_ren_4.gif" width="16" height="16"></div></td>
<td height="22" class="c1"><a href="http://wpa.qq.com/msgrd?V=1&Uin=305686263&Exe=QQ&Site=www_wuming_ren&Menu=No%3E" target="_blank">在线客服</a></td>
</tr>
<tr>
<td><div align="center"><img src="/img/20240320_www_wuming_ren_4.gif" width="16" height="16"></div></td>
<td height="22" class="c1"><a href="http://wpa.qq.com/msgrd?V=1&Uin=305686263&Exe=QQ&Site=www_wuming_ren&Menu=No%3E" target="_blank">在线客服</a></td>
</tr>
<tr>
<td><div align="center"><img src="/img/20240320_www_wuming_ren_4.gif" width="16" height="16"></div></td>
<td height="22" class="c1"><a href="http://wpa.qq.com/msgrd?V=1&Uin=305686263&Exe=QQ&Site=www_wuming_ren&Menu=No%3E" target="_blank">在线客服</a></td>
</tr>
<tr>
<td width="23"><div align="center"><img src="/img/20240320_www_wuming_ren_3.jpg" width="14" height="14"></div></td>
<td height="22" class="c1">
<div align="center" class="c7">
<div align="left">售后反馈</div>
</div>
</td>
</tr>
<tr>
<td><div align="center"><img src="/img/20240320_www_wuming_ren_4.gif" width="16" height="16"></div></td>
<td height="22" class="c1"><a href="http://wpa.qq.com/msgrd?V=1&Uin=305686263&Exe=QQ&Site=www_wuming_ren&Menu=No%3E" target="_blank">在线客服</a></td>
</tr>
<tr>
<td><div align="center"><img src="/img/20240320_www_wuming_ren_4.gif" width="16" height="16"></div></td>
<td height="22" class="c1"><a href="http://wpa.qq.com/msgrd?V=1&Uin=305686263&Exe=QQ&Site=www_wuming_ren&Menu=No%3E" target="_blank">在线客服</a></td>
</tr>
<tr>
<td><div align="center"><img src="/img/20240320_www_wuming_ren_4.gif" width="16" height="16"></div></td>
<td height="22" class="c1">
<a target="_blank" href="http://wpa.qq.com/msgrd?V=1&Uin=305686263&Exe=QQ&Site=www_wuming_ren&Menu=No>">在线客服</a></td>
</tr>
</table>
</td>
</tr>
</table>
<table width="95" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="/img/20240320_www_wuming_ren_5.gif" width="95" height="42"></td>
</tr>
</table>
</div>
<script language="JavaScript" type="text/JavaScript">
var verticalpos="frombottom"
if (!document.layers)
function JSFX_FloatTopDiv()
{//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
var startX =window.screen.width-123;
startY = 550;
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x;this.style.top=y;};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function()
{
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : document.body.scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("www_wuming_ren");
stayTopLeft();
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
JSFX_FloatTopDiv();
</script>
<map name="Map">
<area shape="rect" coords="98,-2,108,10" href="#" onClick="document.all.www_wuming_ren.style.display='none'" alt="点击关闭">
</map>
</body>
</html>本文来自武鸣人网站，转载请注明出处