搜索
查看: 29987|回复: 1

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

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

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

* e8 ^1 @# h; L* ]' B2 a

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

# P& v0 |% T# V- Q, H" F& t- I& R

第二步:按橙色说明修改

! b1 {- g; ~. r; A. t+ T

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

; h! s+ r, J2 b1 I8 C

<html>

* r$ t/ R) A3 x) F/ [! g% F

<head>

" V' Q& w3 B5 H" H* S

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

: w% e1 F1 |% ?' K9 i3 J% I

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

" @' R' _# m( o ]' J/ z

</head>

8 k4 _* r" C/ r8 X

<script>

( V! X" ?, [ r2 H5 Z! B4 }

var online= new Array();

# U+ P; i+ ?! w4 E, I

if (!document.layers)

; R. F# h1 V& N; C

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

; `4 j/ X6 c& s2 m" b5 a) t

</script>

* b) F2 ]2 U! p0 A U0 w. s, ]: _

<layer id="divStayTopLeft">

e1 X" I& ?8 q2 k, i$ O- B

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

( y! E1 T# e. B, c. X

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

$ k9 P1 X/ N1 I* C N3 l

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

+ t7 o9 r$ e# \6 q+ F J

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

2 q) y ?6 d6 R Z; s

 

. F5 l2 _8 b ^1 j( j

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

6 v% g" g4 l" @* P+ I. l9 d

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

u3 e5 q7 N) \4 h5 [

<script>

3 r& N* R6 P1 T8 y6 b+ g

if (online[0]==0)

) Y; f4 B- Y4 p1 G8 X9 ? ?- N$ V

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

$ {. W- Z" o; b# Z1 `" j! A

else

& g2 t y" f7 a8 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=27089965&Site=在线咨询&Menu=no' title='在线即时交谈'>售前咨询</a>");

4 h* T0 ~. N5 a, e2 o8 I

</script >

. [& |% U& r# B, b

</td></tr>

1 D0 Y9 o1 A( Z7 ^0 ~0 l. Y( p9 x

 

& ~3 x2 T0 L7 |7 i

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

; A, }* f1 Z/ y

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

3 T/ u9 H, y4 F& I

<script>

% e2 L; y/ r3 B. r

if (online[1]==0)

, B1 M4 p0 c" V! C/ d

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

; T$ ^3 C& B" s# U

else

$ \- i( x) q6 P# A7 ?' R a) G$ T

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

( M& Y+ m. }# d5 K, g% ^

</script >

) O# G4 _( Y$ z7 N* k, ~

</td></tr>

; p; V4 \3 T9 _

 

! o3 A- s6 t2 K1 ]; N7 A

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

" Z) G7 P3 B. Q

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

+ {7 W5 ?2 a" E! U, t, n: \

<script>

2 e3 `* u% {2 L) H: z* N1 _1 |9 v

if (online[2]==0)

" M- P" o$ L6 l4 m

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

3 N) Z/ l9 ~$ R3 @3 s9 [1 {

else

2 z$ A- W" @: g5 E$ q1 V5 K" T

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

9 t' w6 ^+ v% J% O+ `+ {% z

</script >

6 o* e9 M; F3 ?8 f5 |" i

</td></tr>

% z8 [4 q4 D, Z" Y4 {, i2 Y

 

' x2 L+ ^1 p# K B* d

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

$ {2 I+ g) A4 f. X7 G, G

 

5 g; b1 h* q- j4 J

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

0 I: N. s' R! [

</table>

; h; F8 l& c5 O# A5 O/ W7 w2 }

</layer>

$ Z d( ~8 z% }2 u, B$ ^. [" ~4 H

<script type="text/javascript">

; s3 M% c- V" w

//Enter "frombottom" or "fromtop"

" n o a0 H+ I8 M

var verticalpos="frombottom"

% X4 }/ p- t W* I- q' Z

if (!document.layers)

) X4 ?, `1 G4 l/ K+ b% h: X

document.write('</div>')

7 y$ z( D! b2 c( I7 H1 P

function JSFX_FloatTopDiv()

8 }5 M& ^ [2 w, \

{

) k' \2 F. \, k! y) _5 B2 x

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

+ a2 m2 k! _* \$ k) v. ]

       var startX =3,

! q+ Z9 R& p4 b

       startY = 250;

5 \2 g) d9 v0 G1 s, d6 L4 V# x

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

# ` W; }, m$ I" `! u

       var d = document;

4 s+ U9 @. D3 x) [' B

       function ml(id)

% U u& t9 x8 j* Y- N

       {

5 K' R W! t* s

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

( K9 k! l9 a. {- [0 Z3 V

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

( l9 E- X& v" X: T

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

. H$ C) p6 Z( N+ [

              el.x = startX;

/ T9 |. w1 k- _* h w/ C/ S- h+ E

              if (verticalpos=="fromtop")

; X/ v7 K/ Q% C$ |

              el.y = startY;

5 q% ?- @% C( U) Q( O, a! Y

              else{

9 v; I. y' ^( B9 C

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

- V* ^: q8 q7 h; \

              el.y -= startY;

, s, g6 `. S5 K6 ?# E

              }

0 J5 \$ B% i" [" Y% _) s, W4 V

              return el;

) I* Q! R4 S# x, ?9 u; k! P

       }

5 ^+ X- k. @8 g* x" X$ K. X

       window.stayTopLeft=function()

% `! g1 q6 ?4 i8 `9 a+ [

       {

4 j& C4 v/ d" d" n

              if (verticalpos=="fromtop"){

0 F+ _' V w1 Q* S0 C1 R6 ~- w, O

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

' ]0 Z: }$ f V8 E& l$ b. n

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

' u8 s# u/ K% I$ x

              }

& S V4 P% S1 f- B, b1 q. `

              else{

7 Y8 {2 p9 S' R4 T

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

7 _0 M4 p& m' n1 _( f e/ _

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

+ x$ N5 C% Y B" s2 J0 z

              }

& h5 J7 @5 U+ d* R# L

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

0 G, Z1 b! E% Y* |' ~/ P* X0 m

              setTimeout("stayTopLeft()", 10);

. j: A4 Y/ T) E- u% R% T/ G: K* E

       }

' O& w! m) [! c7 h1 C* w

       ftlObj = ml("divStayTopLeft");

$ K( q5 g" ]! h; @

       stayTopLeft();

0 v( n5 ^. c0 t J6 @: w

}

& `( M' S) H2 ~6 d L- x# \

JSFX_FloatTopDiv();

# T, G8 o9 I/ K, o, K

</script>

/ }% Q4 o A: W) y3 R

</html>

. X. q3 a! F8 p0 I6 j) W, N

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

7 X# l# h, f% H" j' c2 r

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

& u2 b3 r( s! Q5 A9 O

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

7 Y1 j7 a, l! e3 w( {% J

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

$ h3 h1 E) }* M6 B9 V$ i" ~/ g4 _

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

- N3 d; m$ \$ W5 Q$ `: z! K; t

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

. K e# U; i9 e( _

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

: j# _, r# U6 A8 Y

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

回复

使用道具 举报

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

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

* Z* K% s/ g! {+ {6 a' i- e

 

(2.88 KB, 下载次数: 2)
' u, m4 V1 f* u% ~6 @- p% k
[此贴子已经被作者于2010-4-14 11:17:07编辑过]
; e' a% c, b3 r% n! I8 v
您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

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

虾皮社区,成立十年了!

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

Copyright © 2007-2019 xp6.org Powered by Discuz

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