浮动QQ在线客服&网站QQ在线咨询

happyxp

浮动QQ在线客服&网站QQ在线咨询

第一步：先把以下代码保存为kefu.htm

第二步：按橙色说明修改

绿色部分是要修改的内容，html文档中不包括说明文字：

<html>

# Z/ [/ i: s" o% i/ \: v

<head>

<meta http-equiv="Content-Type" c>

<link rel="stylesheet" href="images/ im.css" type="text/css">

</head>

2 x. l: e' }/ L! ^5 ^

<script>

var online= new Array();

0 `+ q: d3 B( t" H

if (!document.layers)

document.write('<div id="divStayTopLeft" style="position:absolute">')

</script>

3 [6 p6 L, u2 c/ X: |

<layer id="divStayTopLeft">

<table border="0" width="110" cellspacing="0" cellpadding="0">

<tr><td width="110"><img border=0 src=images/kefu_up.gif></td></tr>

3 H. i1 R6 t& J) R& O

<script src="http://webpresence.qq.com/getonline?Type=1&27089965:27043921:56129874:"></script>

将绿色部分修改成你的所有客服QQ，多个QQ用半角冒号隔开，最后一个QQ号后面也必须以半角冒号结束

 

以下部分显示第1个客服QQ，注意：online[0]

<tr><td valign=middle  background=images/kefu_middle.gif>

% I+ }' C- i9 S/ P V# U

<script>

if (online[0]==0)

/ {+ p J" ]6 p% |2 r& j/ r' a3 ~

document.write("&nbsp;&nbsp;<img src=images/QQoffline.gif border=0 align=middle><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=27089965&Site=在线咨询&Menu=no' title='客服不在线，请留言'>售前咨询</a>");

else

document.write("&nbsp;&nbsp;<img src=images/QQonline.gif border=0 align=middle><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=27089965&Site=在线咨询&Menu=no' title='在线即时交谈'>售前咨询</a>");

$ h% _ Z: C& p) l- j3 t

</script >

1 y" L: k' n2 ?& W% t8 Q+ J

</td></tr>

 

以下部分显示第2个客服QQ，注意：online[1]

<tr><td valign=middle  background=images/kefu_middle.gif>

( F3 h5 b" w- Q1 j

<script>

if (online[1]==0)

document.write("&nbsp;&nbsp;<img src=images/QQoffline.gif border=0 align=middle><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=27043921&Site=在线咨询&Menu=no' title='客服不在线，请留言'>技术支持</a>");

else

2 r8 D1 A5 l9 E3 }

document.write("&nbsp;&nbsp;<img src=images/QQonline.gif border=0 align=middle><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=27043921&Site=在线咨询&Menu=no' title='在线即时交谈'>技术支持</a>");

</script >

/ H* F: |/ v1 ?, z$ s

</td></tr>

0 ~1 g7 Z1 i0 p; |- q% o0 X

 

以下部分显示第3个客服QQ，注意：online[2]。

<tr><td valign=middle  background=images/kefu_middle.gif>

$ C- t; n3 M1 @' Y+ q. X- q$ d+ W

<script>

0 Z; N7 r4 c3 N+ u) H

if (online[2]==0)

* S) e- b0 }! H& O" w

document.write("&nbsp;&nbsp;<img src=images/QQoffline.gif border=0 align=middle><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=240434782&Site=在线咨询&Menu=no' title='客服不在线，请留言'>代理合作</a>");

7 d+ q( M4 F. Y D x

else

3 K4 g8 O k; @$ P8 ]$ @0 v4 ~7 n: L

document.write("&nbsp;&nbsp;<img src=images/QQonline.gif border=0 align=middle><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=240434782&Site=在线咨询&Menu=no' title='在线即时交谈'>代理合作</a>");

</script >

7 p, o' T% U) {0 f' `' P; g8 Y1 K2 w# |

</td></tr>

 

5 c7 a* Q- G( s- [) W$ j2 a! v" s

多个QQ，按以上规律复制上面的代码后修改online[0] 中的数字（第1个QQ为online[0]、第2个QQ为online[1]、第3个为online[2]，以此类推）和QQ号（每组代码中有2处位置改为QQ号、2处位置改为昵称）。

. D; p3 e0 v+ d. L

 

<tr><td width="110"><img border=0 src=images/kefu_down.gif></td></tr>

' f, o0 L }9 v) q2 u

</table>

</layer>

<script type="text/javascript">

6 L; q" F7 V b" c/ C1 E

//Enter "frombottom" or "fromtop"

8 c3 D0 Y. p( z* b" w

var verticalpos="frombottom"

if (!document.layers)

2 n b) f# `; y8 N8 _

document.write('</div>')

function JSFX_FloatTopDiv()

{

下面的var startX =3是水平位置，250是垂直位置；默认情况在屏幕左侧显示，若要改为右侧显示，修改3的值（var startX =3改为var startX =screen.width-150）即可。

       var startX =3,

4 g0 h& E/ X6 j, z! Y/ }

       startY = 250;

       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.layers[id];

9 k- P/ ]) a3 {7 P2 Z( q3 f# U

              if(d.layers)el.style=el;

              el.sP=function(x,y){this.style.left=x;this.style.top=y;};

$ z& r# |5 O% V; E1 ^! Q

              el.x = startX;

              if (verticalpos=="fromtop")

# N+ e& K9 N& k4 w* J

              el.y = startY;

              else{

) x9 h4 P; r1 E) B9 H

              el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;

              el.y -= startY;

- z" S7 s5 b" H8 s( l" a. B& c

              }

              return el;

       }

       window.stayTopLeft=function()

       {

8 F, M; b3 B' ?2 y) f1 `% }$ ^

              if (verticalpos=="fromtop"){

              var pY = ns ? pageYOffset : document.body.scrollTop;

              ftlObj.y += (pY + startY - ftlObj.y)/8;

& V% J. X" D3 P8 H: }- G, a, |/ a. ]

              }

              else{

5 J( o o% V# O! i# ]

              var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;

+ k9 `: v4 Y. @( q \- r! m

              ftlObj.y += (pY - startY - ftlObj.y)/8;

              }

- O0 ^5 ?5 _" p/ q( H% m# A0 z

              ftlObj.sP(ftlObj.x, ftlObj.y);

              setTimeout("stayTopLeft()", 10);

" m$ g& k- f R6 v8 { {1 c

       }

1 F: Y1 [! }8 M/ i4 F+ X

       ftlObj = ml("divStayTopLeft");

       stayTopLeft();

}

, c- d( f1 l6 L" |% L0 s& d; g' k

JSFX_FloatTopDiv();

4 E$ V+ o2 ]1 s7 G6 K

</script>

</html>

第三步：下载相关素材(在图片上点右键－图片另存为…)，保存到images目录下。

9 z1 @: J+ S: e0 X# o

http://imis.qq.com/images/wpa/images/kefu_up.gif

9 _: j/ X- A h8 c* n

http://imis.qq.com/images/wpa/images/ kefu_middle.gif

6 _3 t. G- b" q: X" j0 C+ Z& I- m+ h

http://imis.qq.com/images/wpa/images/ kefu_down.gif

http://imis.qq.com/images/wpa/images/ QQonline.gif

http://imis.qq.com/images/wpa/images/ QQoffline.gif

http://imis.qq.com/css/im.css

第四步：将所有文件和目录保持原有结构（kefu.htm和文件夹images），拷贝到您的网站目录中，在你要添加“浮动QQ在线客服”的页面的最后面添加一行：<!--#include file="kefu.htm"-->

happyxp

将此文件保存为duilian.asp，然后在公共文件调用该文件。

 

(2.88 KB, 下载次数: 2)

2010-4-14 11:17 上传

点击文件名下载附件

[此贴子已经被作者于2010-4-14 11:17:07编辑过]

8 h7 ]- v( |1 ]; M F' C