这是很实用的网页右侧鼠标感应弹出QQ在线客服代码，鼠标经过弹出，移开后继续隐藏，跟随页面悬浮滚动。
<!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=utf-8">
<meta name="keywords" content="武鸣人网站,武鸣信息网,武鸣本地网,武鸣信息资源平台,减肥,健身,励志,励志语录,js特效,网页特效,www.wuming.ren">
<meta name="description" content="欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。">
<title>右侧固定悬浮鼠标感应QQ在线客服_武鸣人</title>
<style type="text/css">
#siderIMchat_main {
MARGIN:0; WIDTH: 110px;color:#333
}
#siderIMchat_main img{
border:0;background:url(/img/20240306_www_wuming_ren_3.gif) no-repeat center center;
}
#siderIMchat_main a{
color:#036
}
#siderIMchat_main a:hover{
color:#f30
}
#siderIMchat_main .top {
background: url(/img/20240306_www_wuming_ren_3.gif); height: 76px
}
#siderIMchat_main .infobox {
text-align: center; padding-bottom: 5px; line-height: 14px; padding-left: 5px; padding-right: 5px; background: url(/img/20240306_www_wuming_ren_4.gif) #bdc5cb no-repeat; color: #000; font-weight: 700; padding-top: 5px
}
#siderIMchat_main .bg {
padding-bottom: 0px; padding-left: 0px; padding-right: 0px; background: url(/img/20240306_www_wuming_ren_4.gif); padding-top: 0px
}
#siderIMchat_main UL {
margin: 0
}
#siderIMchat_main UL LI {
list-style: none; text-align: center; line-height: 20px
}
.qqkf{
background: #ccc; height: 22px; line-height: 22px
}
#siderIMchat_main .close {
width: 100%; text-align: center
}
#siderIMchat_main .bottom {
background: url(/img/20240306_www_wuming_ren_5.gif); height: 51px; overflow: hidden
}
</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_menu" style="right:3px;top:230px;position:absolute;">
<div id="RightMenu" style="float:right;overflow:hidden;display:none;">
<div style="margin:0;padding:0px;border:0px;overflow:hidden;">
<div id="siderIMchat_main">
<div class="top"></div>
<!-- 中间开始-->
<div class="bg">
<ul>
<li>
<table width="100%" border="0">
<tr>
<td height="0"> <img src="http://wpa.qq.com/pa?p=1:305686263:17" height="17" border="0" align="middle"> <a class="qqa" target="_blank" href="tencent://message/?uin=305686263&Site=https://www.wuming.ren&Menu=yes" title="在线即时交谈[客服]"><font color="#000000">111</font></a></td>
</tr>
<tr>
<td height="25"> <img src="http://wpa.qq.com/pa?p=1:305686263:17" height="17" border="0" align="middle"> <a class="qqa" target="_blank" href="tencent://message/?uin=305686263&Site=https://www.wuming.ren&Menu=yes" title="在线即时交谈[客服]"><font color="#000000">222</font></a></td>
</tr>
</table>
</li>
</ul>
</div>
<!--中间结束-->
<div class="bottom"></div>
</div>
</div>
</div>
<div style="float:right;width:24px;margin:9px 0 0 0;border:0px;"><img id="menutop" onMouseOver="javascript:ChangeMenu('RightMenu',115,500)" border="0" height="100" src="/img/20240306_www_wuming_ren_6.gif" width="24"></div>
</div>
<script language="javascript">
var QuickScrollYLast=0;
var QuickMenu=document.getElementById("www_wuming_ren_menu")
window.setInterval("LoadMenu()",1);
function LoadMenu(){
var QuickScrollYDefault;
if(document.documentElement&&document.documentElement.scrollTop){
QuickScrollYDefault=document.documentElement.scrollTop;
}else if(document.body){
QuickScrollYDefault=document.body.scrollTop;
}else{
}
QuickPercent=.1*(QuickScrollYDefault-QuickScrollYLast);
if(QuickPercent>0){
QuickPercent=Math.ceil(QuickPercent);
}else{
QuickPercent=Math.floor(QuickPercent);
}
QuickMenu.style.top=parseInt(QuickMenu.style.top)+QuickPercent+"px";
QuickScrollYLast=QuickScrollYLast+QuickPercent;
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
var MenuX;
var MenuY;
var MenuCloseX;
var MenuCloseY;
function ChangeMenu(id,menuwidth,menuheight){
clearInterval(MenuX);
clearInterval(MenuY);
clearInterval(MenuCloseX);
clearInterval(MenuCloseY);
var o = document.getElementById(id);
if(o.style.display == "none"){
o.style.display = "block";
o.style.width = "1px";
o.style.height = "1px";
MenuX = setInterval(function(){menuopenx(o,menuwidth,menuheight)},30);
document.getElementById("menutop").src="/img/20240306_www_wuming_ren_7.gif";
}else{
document.getElementById("menutop").src="/img/20240306_www_wuming_ren_6.gif";
MenuCloseY = setInterval(function(){menuclosex(o)},30);
}
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
function menuopenx(o,x,y){/*--打开x--*/
var menucx = parseInt(o.style.width);
if(menucx < x){
o.style.width = (menucx + Math.ceil((x-menucx)/5)) +"px";
}else{
clearInterval(MenuX);
//MenuY = setInterval(function(){menuopeny(o,y)},30);
}
var menucy = parseInt(o.style.height);
if(menucy < y){
o.style.height = (menucy + Math.ceil((y-menucy)/5)) +"px";
}else{
clearInterval(MenuY);
}
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
function menuopeny(o,y){/*--打开y--*/
var menucy = parseInt(o.style.height);
if(menucy < y){
o.style.height = (menucy + Math.ceil((y-menucy)/5)) +"px";
}else{
clearInterval(MenuY);
}
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
function menuclosex(o){/*--打开x--*/
var menucx = parseInt(o.style.width);
if(menucx > 0){
o.style.width = (menucx - Math.ceil(menucx/5)) +"px";
}else{
clearInterval(MenuCloseX);
//MenuCloseX = setInterval(function(){menuclosey(o)},30);
}
var menucy = parseInt(o.style.height);
if(menucy > 0){
o.style.height = (menucy - Math.ceil(menucy/5)) +"px";
}else{
clearInterval(MenuCloseY);
o.style.display = "none";
}
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
function menuclosey(o){/*--打开y--*/
var menucy = parseInt(o.style.height);
if(menucy > 0){
o.style.height = (menucy - Math.ceil(menucy/5)) +"px";
}else{
clearInterval(MenuCloseY);
o.style.display = "none";
}
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
</script>
</body>
</html>