这个QQ在线客服窗口在网页的左下角悬浮显示，这款客服特效兼容火狐浏览器，根据自己的需求来自定义qq号。
<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">
<!--
body,td,a {font-size:12px;color:#000000;}
a {text-decoration:none;color:#000000;}
a:hover {text-decoration:underline;}
-->
</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>
<SCRIPT>
var online= new Array();
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</SCRIPT>
<layer id="divStayTopLeft">
<table border="0" width="110" cellspacing="0" cellpadding="0">
<tr><td width="110"><img src="/img/20240309_www_wuming_ren_1.gif" border="0"></td></tr>
<script src="http://webpresence.qq.com/getonline?Type=1&305686263:305686263:"></script><!--设置两个QQ号码-->
<tr><td align="center" valign=middle background=/img/kefu_middle.gif>
<script>
if (online[0]==0)
document.write("<img src=/img/20240309_www_wuming_ren_2.gif border=0 align=middle> <a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=305686263&Site=在线咨询&Menu=no' title='客服不在线，请留言'>305686263</a>");
else
document.write("<img src=/img/20240309_www_wuming_ren_3.gif border=0 align=middle> <a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=305686263&Site=在线咨询&Menu=no' title='在线即时交谈'>305686263</a>");
</script >
</td></tr>
<tr><td align="center" valign=middle background=/img/kefu_middle.gif>
<script>
if (online[1]==0)
document.write("<img src=/img/20240309_www_wuming_ren_2.gif border=0 align=middle> <a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=305686263&Site=在线咨询&Menu=no' title='客服不在线，请留言'>305686263</a>");
else
document.write("<img src=/img/20240309_www_wuming_ren_3.gif border=0 align=middle> <a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=305686263Site=在线咨询&Menu=no' title='在线即时交谈'>305686263</a>");
</script>
</td></tr>
<tr><td width="110"><img src="/img/20240309_www_wuming_ren_4.gif" border="0"></td></tr>
</table>
<script type="text/javascript">
//Enter "frombottom" or "fromtop"
var verticalpos="frombottom"
if (!document.layers)
document.write('</div>')
function JSFX_FloatTopDiv()
{//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
var startX =6,
startY = 150;
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;
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
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("divStayTopLeft");
stayTopLeft();
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
JSFX_FloatTopDiv();
</script>
</body>
</html>