QQ在线客服代码，跟随滚动条，带返回顶部

发布时间：2018-08-13 13:36 所属栏目：119 来源：站长网

导读：一款效果不错的QQ在线客服代码，跟随滚动条向下滑动，还有一个返回顶部的top按钮，非常不错哦！功能：1.QQ客服，2、加入普通网站客服系统具体效果参照演示网站，3、这个还可以增加旺旺、MSN等聊天工具可以自己添加 4.返回顶部。说明：网址，QQ，均为临时

　　一款效果不错的QQ在线客服代码，跟随滚动条向下滑动，还有一个返回顶部的top按钮，非常不错哦！

　　功能：1.QQ客服，2、加入普通网站客服系统具体效果参照演示网站，3、这个还可以增加旺旺、MSN等聊天工具可以自己添加 4.返回顶部。
　　说明：网址，QQ，均为临时数据，请替换成真实信息即可。

　　演示：

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>qq在线客服演示</title> <style type="text/css">  </style> </head> <body>  <div id="divStayTopright" style="position:absolute; z-index:999">  <img border=0 src="/uploads/allimg/1202/kefu_01.gif" ></a>  <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=787944052&site=qq&menu=yes"><img src="/uploads/allimg/1202/kefu_02.gif" border="0" align="absmiddle"></a> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1821804963&site=qq&menu=yes"><img src="/uploads/allimg/1202/kefu_03.gif" border="0" align="absmiddle"></a>  <a href="#top" ><img border="0" src="/uploads/allimg/1202/kefu_04.gif"></a> </div> <SCRIPT type=text/javascript> var verticalpos="frombottom" function JSFX_FloatTopDiv() { var startX =0, startY = 580; 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.divs[id]; if(d.divs)el.style=el; el.sP=function(x,y){this.style.right=x;this.style.top=y;}; el.x = startX; if (verticalpos=="VeryHuo") el.y = startY; else{ el.y = ns ? pageYOffset + innerHeight : document.documentElement.scrollTop + document.documentElement.clientHeight; el.y -= startY; } return el; } window.stayTopright=function() { if (verticalpos=="VeryHuo"){ var pY = ns ? pageYOffset : document.documentElement.scrollTop; ftlObj.y += (pY + startY - ftlObj.y)/8; } else{ var pY = ns ? pageYOffset + innerHeight : document.documentElement.scrollTop + document.documentElement.clientHeight; ftlObj.y += (pY - startY - ftlObj.y)/8; } ftlObj.sP(ftlObj.x, ftlObj.y); setTimeout("stayTopright()", 10); } ftlObj = ml("divStayTopright"); stayTopright(); } JSFX_FloatTopDiv(); </SCRIPT>  代码整理：<a href="http://www.dzcup.com" target="_blank">兰莫</a> <div align="center"> 功能：1.QQ客服，2、加入普通网站客服系统具体效果参照演示网站，3、这个还可以增加旺旺、MSN等聊天工具可以自己添加 4.返回顶部 说明：网址，QQ，均为临时数据，请替换成真实信息即可。 </div> </body> </html><div style="text-align:center;margin:30px 0 0 0;"><hr style="color:#999;height:1px;">如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></div>
提示：可修改后代码再运行!

（编辑：ASP站长网）