搜索
查看: 29990|回复: 1

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

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

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

6 _# N3 } ~. S7 z1 S8 i2 C5 W3 W

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

9 Z* i0 Y, Y! q/ u9 e/ ]- i

第二步:按橙色说明修改

' ^" U; H e: l' z2 m9 ?

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

/ ?) n4 K9 y' P# w0 b% s

<html>

6 q( S/ m, F6 T% \% G

<head>

( t4 n( I! m1 Z. C# d ?

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

! r, U4 _; p9 n, B- o* \

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

/ y2 n: @# z3 F# o

</head>

3 q) `; }( M: J* D/ y

<script>

% ]- g/ M3 u$ n" e2 d/ o

var online= new Array();

; T' b# _/ n, ^) o" b5 T3 e% N: ~

if (!document.layers)

+ V/ @1 O; k/ p1 R4 Q6 m

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

8 z$ t# w2 ]% }1 m& r7 `. t

</script>

9 X9 T* u. M, L& G% X. Y4 C

<layer id="divStayTopLeft">

: z6 F/ L, `( P! i7 Z8 \

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

& U0 u1 g0 r( l9 B8 `

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

% |* s) W* m0 A6 ~ | y3 K

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

5 \! g* Q0 ^2 \! l1 W. e

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

4 _8 n$ k; a( L$ w

 

" R2 K5 z+ I2 H

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

# [. v8 y( `% Q' }

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

! }% n( B; H3 x6 d1 ^

<script>

# D) u0 l) i K) c* H: k

if (online[0]==0)

: l& |8 U1 G" r

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

9 m8 K( D. u6 E$ l3 Y5 j4 M, I

else

$ A6 B3 ?5 D8 |' }, m

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$ |6 w1 X% {* F/ G

</script >

& Z1 v* v$ B- U) ]! ]% U6 b

</td></tr>

; Y: D% H- j' o/ e$ N8 @5 D4 E

 

+ w: i/ c* d- M# N- Z

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

# J/ _6 J% {" w- \4 U

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

0 C' o. f+ ^6 Z/ D. H! h

<script>

~6 L; N9 Q& p' R, \

if (online[1]==0)

5 J5 d! |5 x& b/ c5 L4 S

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

* h4 z$ Q* X; m' [* U

else

r6 C4 L) b# ?. h- t: d' R

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

- {1 v& j$ n5 n5 |- N% d. H

</script >

6 e5 o: [5 p n3 i* ^1 Q/ r* W6 r

</td></tr>

/ w0 i R8 v3 d9 D! h: D. {2 d. o

 

9 `6 ~8 m5 U( L

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

3 W$ N" i- I- X5 W

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

% W1 Y8 p- ^$ i" x& t* p; j

<script>

* ^3 _9 t- `5 o0 X4 r: \

if (online[2]==0)

6 h1 I& C4 B9 t% t

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

# _9 m: d4 X" H

else

% p; \$ c( a$ Y% T- J, z7 @

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

% i% Y' F* W" P0 E* `& [+ P

</script >

, b, o3 |& L( Y. M; |& ?

</td></tr>

; C2 Z8 J( ^4 }3 s, f) A5 A; ~7 F

 

+ E* [6 s7 T0 v! ^2 Y0 @$ I, a% a

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

! ]& Z, v( W8 R

 

% Y& d' v, b, |0 d7 H

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

* ~! F6 q, K8 X7 U' X

</table>

! N) k5 M( N5 t

</layer>

0 e k5 h: V1 F/ n) M; y" ?

<script type="text/javascript">

1 U1 J V9 E0 h- s6 @" F

//Enter "frombottom" or "fromtop"

0 `6 q" f& e) f" K5 C

var verticalpos="frombottom"

4 B# X. `- S% _

if (!document.layers)

5 d& @4 ~) [1 b& J/ N

document.write('</div>')

+ l3 N% s- X, L1 s* I

function JSFX_FloatTopDiv()

& ]" Q- ^: D0 V( S

{

. e" z' _- Z7 s" _! j, S8 B! @" N0 Q

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

- b: l4 E$ p" x7 @/ J

       var startX =3,

+ p" u9 }, Y4 l) z9 Y

       startY = 250;

! D3 e2 d% X8 N

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

8 }9 _0 C# @$ Z& E

       var d = document;

$ [2 X& M$ G0 d$ @

       function ml(id)

# S- K& c/ Q5 M& f- A9 n6 w

       {

' h0 Q* U% A: @( H: X

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

, Z' k1 A9 [9 P# K; }" J3 g0 L+ R% P

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

5 C4 r9 j. \. ^# _9 t" |5 \2 R

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

2 b8 [3 m) F$ W# J. \

              el.x = startX;

+ J. [: C, w( B$ r/ Z

              if (verticalpos=="fromtop")

# t( x) I" \' Y4 d

              el.y = startY;

. k1 f" Q6 f( l

              else{

8 h- P8 b3 U. W- ~& b3 h

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

0 Z2 B# W" k+ |3 z. j

              el.y -= startY;

+ @. W- u* ~( d$ G. [& S' E

              }

7 o0 E9 A1 W/ f/ x# _7 A& H

              return el;

8 d# u0 X3 t, K+ O' S! n' H* I

       }

7 A: X0 T7 @; r( H$ G9 x/ ?4 w

       window.stayTopLeft=function()

" ]7 ^1 E% d0 B# W3 |

       {

$ c) v& k; N4 W

              if (verticalpos=="fromtop"){

6 Q- M, z, U7 R4 g

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

2 {! F) U" U! W6 J' ~3 o, o- Y u9 w/ s

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

7 N1 `3 c) L- u. a g j/ U8 T

              }

4 S0 e) {$ { ?* }" g

              else{

& Z, U; j1 H+ j# J

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

3 C" m: S+ c8 d5 l; j

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

- m1 Z5 D9 W; h( O

              }

+ X5 ?; R4 i/ D

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

- P, n9 P2 I% G/ d. S

              setTimeout("stayTopLeft()", 10);

' D% B2 x- w' p2 e

       }

6 K2 x# }) j4 @; }; Y! R1 `. W! ^+ t

       ftlObj = ml("divStayTopLeft");

5 v) v5 G, H0 i) S9 T% b1 L, I

       stayTopLeft();

- R# ]3 v- \6 \3 `. @8 r

}

! ~& \& F# N( M8 t6 \( y$ o. w

JSFX_FloatTopDiv();

& [( F& ~. p9 l! W

</script>

5 Z1 V {4 O6 r. _( {: G

</html>

+ O% h* k# g/ }8 A& o# a% T

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

2 W, V' f6 _6 d; | f% b/ T( n: A

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

# _* [' L3 j8 r. m/ }( H

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

5 `: S: B. m2 W) u. D* `5 p

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

3 Y2 {* K7 t3 o `' k" s

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

7 G# h: e- j, @8 O

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

; D) F/ ~$ I' n

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

6 ?- ]1 P3 X$ z$ a( S2 \

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

回复

使用道具 举报

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

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

" q+ z2 M0 V. Y* P1 ^& t9 S' K5 v

 

(2.88 KB, 下载次数: 2)
" \- A" M6 G4 m( q! s( B
[此贴子已经被作者于2010-4-14 11:17:07编辑过]
/ t- \. w" |) m7 b0 W' {- u
您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

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

虾皮社区,成立十年了!

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

Copyright © 2007-2019 xp6.org Powered by Discuz

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