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

大陆 js特效 2021-02-05 0

这是很实用的网页右侧鼠标感应弹出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=gb2312">
<meta name="keywords" content="博客,个人博客,优秀个人博客,优秀博客,博客网站,js特效,js特效代码,广告代码,www.wuming.ren" />
<meta name="description" content="欢迎来到大陆博客,我们的网址是www.64pc.com,大陆博客官方网站收集的各种高质量js特效代码、广告代码分享,海量js特效代码精品收藏,总有一款适合您的js特效。www.wuming.ren" />
<title>站长特效 右侧固定悬浮鼠标感应QQ在线客服 站长特效网</title>
<style type="text/css">
#siderIMchat_main {
MARGIN:0; WIDTH: 110px;color:#333
}
#siderIMchat_main img{
border:0;background:url(/img/20111113wwwzzjsnet_16.gif) no-repeat center center;
}
#siderIMchat_main a{
color:#036
}
#siderIMchat_main a:hover{
color:#f30
}
#siderIMchat_main .top {
background: url(/img/20111113wwwzzjsnet_16.gif); height: 76px
}
#siderIMchat_main .infobox {
text-align: center; padding-bottom: 5px; line-height: 14px; padding-left: 5px; padding-right: 5px; background: url(/img/20111113wwwzzjsnet_17.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/20111113wwwzzjsnet_17.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/20111113wwwzzjsnet_18.gif); height: 51px; overflow: hidden
}
</style>
</head>
<body>
本文来源于<a href="http://www.64pc.com/">大陆博客</a>,百度一下:大陆博客,直接找到我们的官方网站。<hr>
<!--欢迎来到大陆博客,我们的网址是www.64pc.com,大陆博客官方网站收集的各种高质量js特效代码、广告代码分享,海量js特效代码精品收藏,总有一款适合您的js特效。www.wuming.ren-->
<script type="text/javascript" src="http://www.wuming.ren/a/tc.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=http://www.64pc.com&Menu=yes" title="在线即时交谈[客服]"><font color="#000000">客服一</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=http://www.64pc.com&Menu=yes" title="在线即时交谈[客服]"><font color="#000000">客服二</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/20111113wwwzzjsnet_19.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;
}//欢迎来到大陆.博客,我们的网址是www.64 pc.com,大陆-博客官方网站收集的各种高质量js特效代码、广告代码分享,海量特效代码精品收藏,总有一款适合您的js特效代码。www.wuming.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/20111113wwwzzjsnet_20.gif";
    }else{
        document.getElementById("menutop").src="/img/20111113wwwzzjsnet_19.gif";
        MenuCloseY = setInterval(function(){menuclosex(o)},30);
    }
}//欢迎来到大1陆博客,我们的网址是www.64 pc.com,大陆博4客官方网站收集的各种高质量js特效代码、广告代码分享,海量特效代码精品收藏,总有一款适合您的js特效代码。www.wuming.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); 
    }
}//欢迎来到大陆y博客,我们的网址是www.64 pc.com,大陆博``客官方网站收集的各种高质量js特效代码、广告代码分享,海量特效代码精品收藏,总有一款适合您的js特效代码。www.wuming.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); 
    }
}//欢迎来到大陆博4客,我们的网址是www.64 pc.com,大陆博3客官方网站收集的各种高质量js特效代码、广告代码分享,海量特效代码精品收藏,总有一款适合您的js特效代码。www.wuming.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";
    }
}//欢迎来到大陆``博客,我们的网址是www.64 pc.com,大陆--博客官方网站收集的各种高质量js特效代码、广告代码分享,海量特效代码精品收藏,总有一款适合您的js特效代码。www.wuming.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";
    }
}//欢迎来到大陆//博客,我们的网址是ww w.64pc .com,大43陆博客官方网站收集的各种高质量js特效代码、广告代码分享,海量特效代码精品收藏,总有一款适合您的js特效代码。www.wuming.ren
</script>
</body>
</html>


评论