右侧固定悬浮鼠标感应QQ在线客服

9个月前 (03-06 11:27)阅读回复0
大陆
大陆
  • 管理员
  • 发消息
  • 注册排名1
  • 经验值5294
  • 级别管理员
  • 主题1058
  • 回复2
楼主

这是很实用的网页右侧鼠标感应弹出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>


赞0
踩0
☆收藏0

本文来自武鸣人网站，转载请注明出处

本文地址：https://www.wuming.ren/a/201.html

右侧悬浮QQ客服在线客服鼠标感应
回帖

右侧固定悬浮鼠标感应QQ在线客服 期待您的回复！

取消
载入表情清单……
载入颜色清单……
插入网络图片

取消确定

图片上传中
编辑器信息
提示信息