搜索
查看: 30020|回复: 1

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

[复制链接]
发表于 2010-4-13 20:12:56 | 显示全部楼层 |阅读模式

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

% o5 h, ?! a: p: ]8 T1 v% v

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

# Y! `, ]% J) m- s/ d( Q, n4 _

第二步:按橙色说明修改

, E0 H4 S, I/ r4 m6 r

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

- D# b! K; O. ]

<html>

/ `) Y- Z- K: I! F

<head>

1 ?) X' }9 z! J; B" q

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

# y: ~1 y+ M8 A2 C6 O

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

% c7 t1 J/ A! A( ^# k2 T

</head>

: [2 F. B/ u& I1 ~# U

<script>

9 G4 {, D' C+ D' z& E- `) G9 ^+ z

var online= new Array();

0 d4 ]7 r4 y0 Y# F3 \3 o

if (!document.layers)

4 G5 P: L* F2 v0 _! D5 p

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

8 K3 F% Q x" }8 @

</script>

/ f [8 K, K; x# {+ B

<layer id="divStayTopLeft">

9 D9 R/ s( [3 T2 N& E$ d# {3 ~

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

% u( e: l% N; W# l6 _+ ~

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

- {- L% W7 y% Q) x, P9 L

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

* [3 o* q: @% B d" N( k, D

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

& n, y& Z- k1 W3 \

 

+ ^, k2 x5 J0 w" i) V6 ^ o

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

9 X$ x, d+ T! D0 a' R4 j q. C) l$ l

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

7 m8 r# Z, n% I1 V% u4 [2 v

<script>

7 }" F( s9 E R( P- B) Q' T& S

if (online[0]==0)

( g4 X; Z$ I' i

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>");

. {" D: {" _: R0 s' R# m0 b( I

else

0 M& w3 m4 N; J9 `) }2 |0 z

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>");

: }. h9 S2 p8 X( P, x$ C

</script >

3 ~* \4 Q6 R1 U7 d

</td></tr>

/ e2 c1 C0 N( q6 B* d8 r b4 D

 

$ Q% \) O6 x; k; O+ j' B! t

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

: s4 j/ ^5 S7 R; W3 m

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

$ o( [/ H' t4 |! f( h" f7 J

<script>

7 ?: `5 Z% Z6 ], d! q; E8 Q

if (online[1]==0)

0 a% L# C6 p1 H" i! j

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>");

' D2 E' f' d6 T: R

else

1 n' b; j0 V' w' O& d( j: ?) d7 D

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>");

A- {/ x5 _6 Z, n% F7 R i* e

</script >

. v! \5 @& h$ Q, s# p( F

</td></tr>

, J" R; c6 k5 x$ Z& m$ v

 

- Q8 y1 h# E! Z7 ^- U

以下部分显示第3个客服QQ,注意:online[2]

& N* i" I* N) T' [+ H- p

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

; E& c6 u. _ W% z

<script>

8 ^; [0 p) R7 ?; S

if (online[2]==0)

9 d% T! c: J: P

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>");

: J- o* A- W2 l" b1 |" X

else

$ i) ^+ O6 g. `+ o7 i' \4 R$ G4 h6 s

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>");

" {: }3 W* D( B! B/ `! X$ T

</script >

2 D% o# I$ A3 I

</td></tr>

+ Q8 J9 h2 E) T2 s- e7 q4 v

 

+ g* g+ G4 A. {+ S q2 K# e* ]

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

! o+ \3 B5 b% }

 

6 @- Q. }$ \$ W& t

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

. P4 m; q$ C, M& W

</table>

) q" u% J* }4 K9 z+ W

</layer>

' L6 l# m! g1 d& _6 |8 k% R1 P" j

<script type="text/javascript">

# H2 ?( \3 I* u! T

//Enter "frombottom" or "fromtop"

- E W4 k" }7 w: ~: t) s: ?1 ]5 L. e

var verticalpos="frombottom"

1 y) J* _! [) E! e

if (!document.layers)

r7 t" i$ T" a" ?

document.write('</div>')

* ]; p6 f5 u+ e! G2 l$ Y1 m

function JSFX_FloatTopDiv()

2 {5 z/ e% n. ?* T

{

! r$ ]$ F" h" ]

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

/ S6 n+ n1 C: E

       var startX =3,

# Z- A m+ W, i5 A8 H. {

       startY = 250;

9 H1 A; y- g1 U! z, }# r0 q4 z

       var ns = (navigator.appName.indexOf("Netscape") != -1);

2 U( d! k, G0 _1 A

       var d = document;

, j0 W# x/ g; C0 v2 }/ `4 c

       function ml(id)

M3 a2 ]- s7 X9 z& C

       {

( g: Z# ?! O7 X' Q' w# m

              var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];

1 L1 l9 @! B" e7 N2 s

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

9 x8 ^5 p1 H# q4 W+ \" ]

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

! h& _3 t2 y* w2 F% y

              el.x = startX;

# z0 ]* Y" p/ q4 E' i

              if (verticalpos=="fromtop")

/ Y. o0 s( o8 a l6 P" I0 y! d' U; ^5 c

              el.y = startY;

$ m% B4 Y- b- v$ K

              else{

E f3 O% \0 _- J# b+ N

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

% D$ j# f4 S; W7 J! w

              el.y -= startY;

+ ~5 ^ G4 O8 V. X

              }

) n d8 s) _; Q6 x% \+ k6 I

              return el;

& ^1 z! A/ e( A# j! q' z

       }

9 V: C5 v, m6 ]% s5 C, d% E, S

       window.stayTopLeft=function()

T- |6 M0 d9 ?% x, Y5 i2 a

       {

( ~9 G2 h6 ~# \! E

              if (verticalpos=="fromtop"){

5 L9 d5 J) p! g7 m% w+ Y

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

, s0 E' S, L. |3 y% j% D) S

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

, ]6 ^3 H' T, A; f" r9 s

              }

! _, }+ n1 o# k7 v( z# S

              else{

]9 b. R7 q$ |# F& Z+ {' s K1 M

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

6 A, w0 J, i' o+ u) P

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

+ ^$ u: u! R9 r0 M0 y4 m

              }

, l+ W1 y6 m( d& E4 h

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

4 M$ Z# x! s$ P( P7 i

              setTimeout("stayTopLeft()", 10);

% y4 i0 I7 I2 [0 K2 V. Q/ A, w

       }

2 y0 t$ n) y- a

       ftlObj = ml("divStayTopLeft");

+ }0 H& ^; j, z

       stayTopLeft();

q$ d$ x" j. V0 S- {9 B) q

}

F0 X; a1 F; z: o5 R7 o: v) [

JSFX_FloatTopDiv();

! ], b, U! g6 r5 ^

</script>

2 \/ _& o- B0 P* e6 N) }6 z0 |( U; w

</html>

# s, S# V. V( s" A! ~4 W9 l! y; p

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

; p8 |2 I$ G- _$ ~' o

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

5 R/ [- h+ L% o1 z# p; S

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

( ? U9 ?9 G! ^) V; t8 _9 `

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

; c" H- U8 [) V% V+ ^

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

% ^9 p% Y& b1 c: C0 _9 ^

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

# y; l" G4 }$ `% Y

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

4 n, U" [: M# B* E! |5 o

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

回复

使用道具 举报

 楼主| 发表于 2010-4-13 20:14:17 | 显示全部楼层

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

3 a3 F L- q! `' w4 @

 

(2.88 KB, 下载次数: 2)
( O+ V6 k F. Q
[此贴子已经被作者于2010-4-14 11:17:07编辑过]
1 f Y7 d7 ?! r! V5 Q$ a, ~
您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

热议作品
精华帖子排行
精彩推荐

虾皮社区,成立十年了!

站长自己也搞不懂想做个什么,反正就是一直在努力的做!

Copyright © 2007-2019 xp6.org Powered by Discuz

QQ|Archiver|手机版|小黑屋|虾皮社区 鲁公网安备 37021102000261号 |网站地图
返回顶部 返回列表