在线客服代码 左边自动隐藏加上下浮动

2016-07-07 16:22 来源：www.chinab4c.com 作者：ecshop专家

特别是左边自动隐藏并上下浮动，代码如下，演示效果请看：http://www.ppllw.com.cn/

  1. <!--在线客服代码开始 -->
  2. <script language="JavaScript1.2">
  3. function move(x, y) {
  4. if (document.all) {
  5. object1.style.pixelLeft += x;
  6. object1.style.pixelTop+= y;}
  7. else
  8. if (document.layers) {
  9. document.object1.left += x;
  10. document.object1.top+= y;
  11. }};
  12. function position() {
  13. document.object1.left += -200;
  14. document.object1.top+= 0;
  15. document.object1.visibility = "show"
  16. };
  17. function makeStatic() {
  18. if (document.all) {object1.style.pixelTop=document.documentElement.scrollTop+242}
  19. else {eval('document.object1.top=eval(window.pageYOffset+20)');}
  20. setTimeout("makeStatic()",0);}
  21. </script>
  22. <layer class="NS" onmouseover="move(580,0)" onmouseout="move(-580, 0)" top="20" visibility="hide" name="object1" left="0">
  23. <script language="JavaScript1.2">
  24. if (document.all)
  25. document.write('<DIV ID="object1" style="Position : Absolute ;Left : -125px ;Top : 20px ;Width : 0px ;Z-Index : 20">')
  26. </script>
  27. <TABLE onmouseover=move(120,0) onMouseOut="move(-120, 0)" cellSpacing=1 cellPadding=2 border=0>
  28. <TR><TD>
  29. <style type="text/css">BODY{MARGIN: 0px}</style>
  30. <TABLE cellSpacing=0 cellPadding=0 width=118 align=center border=0>
  31. <TBODY><TR>
  32. <TD><IMG height=160 src="http://www.ppllw.com.cn/images/kefu/servicepic_01.jpg" width=118 border=0 name=servicepic_01></TD></TR><TR><TD>
  33. <TABLE cellSpacing=0 cellPadding=0 width=118 align=left border=0>
  34. <TBODY><TR><TD background="http://www.ppllw.com.cn/images/kefu/servicepic_02.jpg">
  35. <IMG height=25 src="http://www.ppllw.com.cn/images/kefu/servicepic_02.jpg" width=14 border=0 name=servicepic_02></TD>
  36. <TD align=center width=89 bgColor=#f8f6f7 height=25>
  37. <A href="tencent://message/?uin=50781663&amp;Site=漂漂亮亮网&amp;Menu=yes" target=blank><IMG alt="点击这里用QQ给我发消息" src="&nbsp;&nbsp;http://www.ppllw.com.cn/images/kefu/QQ.gif"border=0></A>&nbsp;&nbsp;<A href="tencent://message/?uin=634289433&amp;Site=漂漂亮亮网&amp;Menu=yes" target=blank><IMG alt="点击这里用QQ给我发消息" src="http://www.ppllw.com.cn/images/kefu/QQ.gif" border=0></A></TD>
  38. <TD background="http://www.ppllw.com.cn/images/kefu/servicepic_04.jpg">
  39. <IMG height=25 alt=""src="http://www.ppllw.com.cn/images/kefu/servicepic_04.jpg" width=15 border=0 name=servicepic_04></TD></TR></TBODY></TABLE>
  40. </TD></TR>
  41. <tr><td>
  42. <TABLE cellSpacing=0 cellPadding=0 width=118 align=left border=0><TBODY><TR>
  43. <TD background="http://www.ppllw.com.cn/images/kefu/servicepic_02.jpg"><IMG height=25 src="http://www.ppllw.com.cn/images/kefu/servicepic_02.jpg" width=14 border=0 name=servicepic_02></TD>
  44. <TD align=center width=89 bgColor=#f8f6f7 height=25>
  45. <A href="msnim:chat?contact=wj3650@msn.com" target=blank><IMG alt="点击这里用MSN给我发消息" src="http://www.ppllw.com.cn/images/kefu/MSN.gif"border=0></A></TD>
  46. <TD background="http://www.ppllw.com.cn/images/kefu/servicepic_04.jpg">
  47. <IMG height=25 alt=""src="http://www.ppllw.com.cn/images/kefu/servicepic_04.jpg" width=15 border=0 name=servicepic_04></TD></TR></TBODY></TABLE>
  48. </td></tr>
  49. <TR><TD><IMG height=17 src="http://www.ppllw.com.cn/images/kefu/servicepic_05.jpg" width=118 border=0 name=servicepic_05></TD></TR>
  50. <TR><TD><TABLE cellSpacing=0 cellPadding=0 width=118 align=left border=0><TBODY><TR>
  51. <TD background="http://www.ppllw.com.cn/images/kefu/servicepic_06.jpg"><IMG height=24 src="http://www.ppllw.com.cn/images/kefu/servicepic_06.jpg" width=14 border=0 name=servicepic_06></TD>
  52. <TD align=center width=89 bgColor=#f8f6f7 height=24>
  53. <A href="http://amos1.taobao.com/msg.ww?v=2&amp;uid=wj3650&amp;s=1" target=_blank><IMG alt="点击这里用旺旺给我发消息" src="http://www.ppllw.com.cn/images/kefu/online.gif" border=0></A></TD>
  54. <TD background="http://www.ppllw.com.cn/images/kefu/servicepic_08.jpg"><IMG height=24 src="http://www.ppllw.com.cn/images/kefu/servicepic_08.jpg" width=15 border=0 name=servicepic_08></TD></TR>
  55. <TR><TD background="http://www.ppllw.com.cn/images/kefu/servicepic_06.jpg"><IMG height=24 src="http://www.ppllw.com.cn/images/kefu/servicepic_06.jpg" width=14 border=0 name=servicepic_06></TD>
  56. <TD align=middle bgColor=#f8f6f7 height=35>
  57. <TABLE cellSpacing=1 cellPadding=2 width="88%" align=center bgColor=#ffa800 border=0><TBODY><TR>
  58. <TD align=center bgColor=#ffffff><A href="http://www.ppllw.com.cn/message.php" title="请给我们留言" target=_blank><SPAN style="FONT-SIZE: 9pt">站点留言簿</SPAN></A></TD></TR></TBODY></TABLE></TD>
  59. <TD background="http://www.ppllw.com.cn/images/kefu/servicepic_08.jpg"><IMG height=24 src="http://www.ppllw.com.cn/images/kefu/servicepic_08.jpg" width=15 border=0 name=servicepic_08></TD></TR></TBODY></TABLE></TD></TR>
  60. <TR><TD><IMG height=22 src="http://www.ppllw.com.cn/images/kefu/servicepic_09.jpg" width=118 border=0 name=servicepic_09></TD></TR></TBODY></TABLE></TD>
  61. <TD vAlign=top align=middle width=12 rowSpan=100><IMG height=109 src="http://www.ppllw.com.cn/images/kefu/kefu.gif" width=20></TD></TR>
  62. <script language="JavaScript1.2">
  63. <!--
  64. if (document.all||document.layers)
  65. makeStatic();
  66. if (document.layers) {
  67. window.onload=position;
  68. }
  69. var sitems=new Array();
  70. var sitemlinks=new Array();
  71. function hl(n) {
  72. n.className='hl'}
  73. function n(h) {
  74. h.className='n'}
  75. //--></script>
  76. </TABLE>
  77. <script language="JavaScript1.2">
  78. if (document.all)
  79. document.write('</DIV>')
  80. </script>
  81. </layer>
  82. <!--在线客服代码结束 -->
复制代码


自己更改里面的QQ号码等联系方式，加到模板的page_footer.lbi里面就可以在网站显示了。

在线客服代码.rar (20.94 KB)


回答：
演示里左边显示的不是很明显


现在的演示已经不是用的这个了，演示是自己搭建的PHP的客服系统，要看此贴真实演示的请看其它使用过的网站吧。

请问版主你的在顶部左侧分栏固定的旺旺，QQ是怎么加入的啊。在下新手，渴望加入啊。麻烦指点

谢谢！！！