找回密码
 注册
首页 ≡≡网络技术≡≡ WEB前端 QQ客服在线咨询浮动代码

QQ客服在线咨询浮动代码

灰儿 2007-8-26 11:43:27
本帖最后由 灰儿 于 2011-5-18 15:56 编辑 <br /><br />


把以下代码加入到你网页中,然后在把qq文件夹传到同目录下即可。


  1. <!-- ********QQ在线咨询代码(浮动)开始******** -->
  2. <link rel="stylesheet" href="images/qq.css" type="text/css">
  3. <script>
  4. var online= new Array();
  5. if (!document.layers)
  6. document.write('<div id="divStayTopLeft" style="position:absolute">')
  7. </script>
  8. <layer name="divStayTopLeft" left="880" top="1055" id="divStayTopLeft">
  9. <table border="0" width="110" cellspacing="0" cellpadding="0">
  10. <tr>
  11. <td width="110"><img src=QQ/kefu_up.gif width="110" height="70" border=0></td>
  12. </tr>
  13. <script src="http://webpresence.qq.com/getonline?Type=1&190335846:383685700:000000:"></script><tr>
  14. <td valign=middle background=QQ/kefu_middle.gif>
  15. <script>
  16. if (online[0]==0)
  17. document.write("  <img src=QQ/QQoffline.gif border=0 align=middle><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=0000000&Site=在线咨询&Menu=no' title='不在线,请留言'> 客户服务</a>");
  18. else
  19. document.write("  <img src=QQ/QQonline.gif border=0 align=middle><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=0000000&Site=在线咨询&Menu=no' title='在线即时交谈'> 客户服务</a>");
  20. </script >
  21. </td>
  22. </tr>
  23. <tr>
  24. <td valign=middle background=QQ/kefu_middle.gif>
  25. <script>
  26. if (online[1]==0)
  27. document.write("  <img src=QQ/QQoffline.gif border=0 align=middle><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=000000&Site=在线咨询&Menu=no' title='不在线,请留言'> 站务咨询</a>");
  28. else
  29. document.write("  <img src=QQ/QQonline.gif border=0 align=middle><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=000000&Site=在线咨询&Menu=no' title='在线即时交谈'> 站务咨询</a>");
  30. </script >
  31. </td>
  32. </tr
  33. <tr>
  34. <td valign=middle background=QQ/kefu_middle.gif>
  35. <script>
  36. if (online[2]==0)
  37. document.write("  <img src=QQ/QQoffline.gif border=0 align=middle><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=000000&Site=在线咨询&Menu=no' title='不在线,请留言'> 本站站长</a>");
  38. else
  39. document.write("  <img src=QQ/QQonline.gif border=0 align=middle><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=000000&Site=在线咨询&Menu=no' title='在线即时交谈'> 本站站长</a>");
  40. </script >
  41. </td>
  42. </tr>
  43. <tr>
  44. <td width="110"><img src=QQ/kefu_down.gif width="110" height="31" border=0></td>
  45. </tr>
  46. </table>
  47. </layer>
  48. <script type="text/javascript">
  49. //Enter "frombottom" or "fromtop"
  50. var verticalpos="frombottom"
  51. if (!document.layers)
  52. document.write('</div>')
  53. function JSFX_FloatTopDiv()
  54. {
  55. var startX =3,
  56. startY = 250;
  57. var ns = (navigator.appName.indexOf("Netscape") != -1);
  58. var d = document;
  59. function ml(id)
  60. {
  61. var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
  62. if(d.layers)el.style=el;
  63. el.sP=function(x,y){this.style.left=x;this.style.top=y;};
  64. el.x = startX;
  65. if (verticalpos=="fromtop")
  66. el.y = startY;
  67. else{
  68. el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
  69. el.y -= startY;
  70. }
  71. return el;
  72. }
  73. window.stayTopLeft=function()
  74. {
  75. if (verticalpos=="fromtop"){
  76. var pY = ns ? pageYOffset : document.body.scrollTop;
  77. ftlObj.y += (pY + startY - ftlObj.y)/8;
  78. }
  79. else{
  80. var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
  81. ftlObj.y += (pY - startY - ftlObj.y)/8;
  82. }
  83. ftlObj.sP(ftlObj.x, ftlObj.y);
  84. setTimeout("stayTopLeft()", 10);
  85. }
  86. ftlObj = ml("divStayTopLeft");
  87. stayTopLeft();
  88. }
  89. JSFX_FloatTopDiv();
  90. </script><!-- ********QQ在线咨询代码(浮动)结束******** -->
复制代码


QQ在线客服咨询代码所用到的文件和完整代码点这里下载:
QQ在线咨询代码.rar

您需要登录后才可以回帖 登录 | 注册
学习中心
站长自定义文字内容,利用碎片时间,随时随地获取优质内容。
Q设计语言 了解更多
Q Design 提供商家设计所需的指导与资源,帮商家快速完成产品设计、降低生产成本。
学习中心
站长自定义文字内容,利用碎片时间,随时随地获取优质内容。
Q设计语言 了解更多
Q Design 提供商家设计所需的指导与资源,帮商家快速完成产品设计、降低生产成本。