可浮动QQ在线客服

网络编程 2024/10/24 佚名

3 2 1

帝王谷资源网 Design By www.wdxyy.com

复制代码代码如下:
(function(){
QQMenuInt=_QQMenuInt;
moveQQmenu=_moveQQmenu;
function _QQMenuInt(){
QQMenu.style.position="absolute";
QQMenu.style.display="";
if(parseInt(document.documentElement.offsetWidth)>1024){
QQMenuPosition.Left+=(parseInt(document.documentElement.offsetWidth)-1024-20);
}
if(QQMenuPosition.isRight){
QQMenu.style.right=QQMenuPosition.Left+"px";
}else{
QQMenu.style.left=QQMenuPosition.Left+"px";
}
QQMenu.style.top=QQMenuPosition.Top+"px";
moveQQmenu();
}
function _moveQQmenu(){
var from=parseInt(QQMenu.style.top,10);
var yOffset;
var to=window.pageYOffset?window.pageYOffset:document.documentElement.scrollTop;
to=to+QQMenuPosition.Top;
if(to!=from){
yOffset = Math.ceil(Math.abs(to-from)/20);
if(to<from)yOffset=-yOffset;
var oldTop=parseInt(QQMenu.style.top,10);
QQMenu.style.top=(oldTop+yOffset)+"px";
}
if(QQMenu.style.display!="none"){
window.setTimeout("moveQQmenu()",QQMenuPosition.timeout);
}
}
})()

使用方法：
1、引入上面的js
2、在页面的最后面加上

复制代码代码如下:
<script type="text/javascript">
var QQMenuPosition={Left:10,Top:200,isRight:false,timeout:10}
var QQMenu=document.getElementById("QQMenu");
QQMenuInt();
</script>

QQMenu为漂浮层的最外层ID
QQMenuPosition是设置漂浮层相关参数
Left:层相对于左侧的偏移量。如果isRight为true则是相对于右侧的偏移量
Top:层相对于顶部的偏移量
timeout:层移动时间间隔，越大越慢

<!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>     <title>Untitled</title>     <style type="text/css">         /*QQ在线客服务处*/         .kefuchu{ width:109px;}         .SS_dh1{background:url(http://img.jb51.net/online/qq/images/SSindex/SS_dh1.jpg) no-repeat; height:51px; width:84px; float:left}         .SS_dh2{background:url(http://img.jb51.net/online/qq/images/SSindex/SS_dh2.jpg) no-repeat; height:51px; width:25px; float:left; display:block}         .SS_dh3{background:url(http://img.jb51.net/online/qq/images/SSindex/SS_dh3.jpg) repeat-y; width:109px; }         .SS_dh4{background:url(http://img.jb51.net/online/qq/images/SSindex/SS_dh4.jpg) no-repeat; height:17px; width:109px; }         .SS_dh5{background:url(http://img.jb51.net/online/qq/images/SSindex/SS_dh5.jpg) no-repeat; height:23px; width:74px; margin-left:20px;}     </style>      </head> <body> fsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdf                                                       <a href="javascript:;" onclick="showimg('http://wpa.qq.com/pa?p=1:461478385:1');"><img src="http://wpa.qq.com/pa?p=1:461478385:1" alt="可浮动QQ在线客服" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>                                       <a href="javascript:;" onclick="showimg('http://wpa.qq.com/pa?p=1:461478385:1');"><img src="http://wpa.qq.com/pa?p=1:461478385:1" alt="可浮动QQ在线客服" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>                                       <a href="javascript:;" onclick="showimg('http://wpa.qq.com/pa?p=1:461478385:1');"><img src="http://wpa.qq.com/pa?p=1:461478385:1" alt="可浮动QQ在线客服" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>                                       <a href="javascript:;" onclick="showimg('http://wpa.qq.com/pa?p=1:461478385:1');"><img src="http://wpa.qq.com/pa?p=1:461478385:1" alt="可浮动QQ在线客服" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>                                       <a href="javascript:;" onclick="showimg('http://wpa.qq.com/pa?p=1:461478385:1');"><img src="http://wpa.qq.com/pa?p=1:461478385:1" alt="可浮动QQ在线客服" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>                                       <a href="javascript:;" onclick="showimg('http://wpa.qq.com/pa?p=1:461478385:1');"><img src="http://wpa.qq.com/pa?p=1:461478385:1" alt="可浮动QQ在线客服" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>                                       <a href="javascript:;" onclick="showimg('http://wpa.qq.com/pa?p=1:461478385:1');"><img src="http://wpa.qq.com/pa?p=1:461478385:1" alt="可浮动QQ在线客服" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>                                               </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
打包下载

QQ,在线客服

标签：

QQ,在线客服

帝王谷资源网 Design By www.wdxyy.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

帝王谷资源网 Design By www.wdxyy.com

评论“可浮动QQ在线客服”

暂无评论...

可浮动QQ在线客服

QQ,在线客服

jabsorb笔记_几个小例子第1/2页

javascript弹出一个层并增加一个覆盖层

评论“可浮动QQ在线客服”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接