Board logo

标题: [共享] 在线客服代码 左边自动隐藏加上下浮动 [打印本页]

作者: iswujun    时间: 2009-4-6 17:14     标题: 在线客服代码 左边自动隐藏加上下浮动

特别是左边自动隐藏并上下浮动,代码如下,演示效果请看: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 (2009-4-6 17:14, 20.94 KB) / 下载次数 2277
http://bbs.ecshop.com/attachment.php?aid=22136&k=8d8e1b33799a7dd41668ccb6fe704f52&t=1711686865&sid=lls44o
作者: abcnic1    时间: 2009-4-6 21:53

演示里左边显示的不是很明显
作者: wangxh    时间: 2009-5-29 20:30


作者: iswujun    时间: 2009-5-30 00:02

现在的演示已经不是用的这个了,演示是自己搭建的PHP的客服系统,要看此贴真实演示的请看其它使用过的网站吧。
作者: nanxixiang    时间: 2009-6-1 20:40

请问版主你的在顶部左侧分栏固定的旺旺,QQ是怎么加入的啊。在下新手,渴望加入啊。麻烦指点
作者: kellytian    时间: 2009-7-21 12:31

谢谢!!!




欢迎光临 ECShop电商系统交流论坛 (http://bbs.ecshop.com/) Powered by Discuz! 7.2