搜索
查看: 29989|回复: 1

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

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

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

- F) w& W6 D9 O7 _2 O5 H5 H

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

, A0 r! `! {! {

第二步:按橙色说明修改

% ~- ^$ E6 x3 N `7 M

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

* ^9 s x4 [0 o: o* `, i* t

<html>

4 }# | }: Y9 J* Y! O" }4 }

<head>

2 _3 U% B5 m# X) l$ K

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

; d% Y+ E; q; L0 a, ~, \( u! Y

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

! y9 e( c5 \; E% U1 v% i9 q! j( c

</head>

- _6 F* F8 P, G- X, p

<script>

1 o' U x4 |( Q

var online= new Array();

0 U" e" C0 Z. `: F

if (!document.layers)

" d3 q3 f$ \. T2 b

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

! w6 e9 g; |7 l# U

</script>

2 y( D% n% w: w$ }

<layer id="divStayTopLeft">

* R/ r2 K6 ^+ d. i" W8 T

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

5 f& a/ u; l: I4 r$ b

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

4 I8 Y2 M o3 U( D7 H8 `, j

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

9 `/ {1 | q' |2 W: c1 X

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

% U! f% b# u1 \& |) x( e- u

 

. m: j, R. y+ i; z0 m. }# C

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

% ?1 W6 o+ n: @2 R) b) V

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

$ H% D7 _4 q _ M/ i, ]% W

<script>

/ J4 c. Q* x( M( S1 x$ l. n

if (online[0]==0)

& F( B5 f1 N& U( p# P2 T8 s V( 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=27089965&Site=在线咨询&Menu=no' title='客服不在线,请留言'>售前咨询</a>");

: e5 C% c' R' p1 G3 j& A: q9 t. d

else

0 d0 A# i. v A* H1 u" 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=27089965&Site=在线咨询&Menu=no' title='在线即时交谈'>售前咨询</a>");

4 J) d# ]1 j% ~! A

</script >

( h- g7 X& }: k. X% [8 c2 U0 S2 i% [( f

</td></tr>

3 g* c, c; }' d! `: L- R+ Y

 

; s/ k9 N8 e6 b, m! S$ n9 y1 v

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

4 B2 U9 u; \1 s

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

{/ N4 P; S: m: G

<script>

* L' v1 Q$ J2 D; m

if (online[1]==0)

1 v3 F9 k$ h' \7 X# L

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

0 s. |" e, x9 Y! @5 M

else

/ `& Y6 Q- N4 R" ?$ b$ R. A6 Q: F

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

& n; G: _0 |- N, [7 I" p

</script >

( H) ]1 N6 b% j5 c) B

</td></tr>

. p. i) v4 n% ~+ X7 U

 

. z. |6 N2 @, O7 q% A, l

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

) B3 y0 o* {6 f; C

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

8 a# d5 P; X0 Z( w- w

<script>

0 h: \% K0 f r& ?# o! w+ h0 I& s r

if (online[2]==0)

7 i. T0 x: ]" F. q; C

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

1 |' C8 l9 F% [6 {

else

: O+ `5 y5 T$ M: v( x- z+ Z- F2 A0 V- q/ 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=240434782&Site=在线咨询&Menu=no' title='在线即时交谈'>代理合作</a>");

" L& V6 ^& Q* \7 M! r

</script >

8 {; d) Q' c# F; R

</td></tr>

. B4 R9 B7 o0 }' S1 q

 

& m ^1 w9 q* t

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

( ^! H$ }! R& p

 

+ i/ f/ Q# @7 P, g1 R! ]

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

% s' j; i( p- O5 i: I( f

</table>

6 Z& k; g: A4 \- S+ ], I! A

</layer>

3 N* p& u+ S5 ]

<script type="text/javascript">

4 R( J5 m0 r2 |

//Enter "frombottom" or "fromtop"

0 x4 X2 L* h, ~* M, Y& \6 K" v( J8 I3 M

var verticalpos="frombottom"

: A1 |. k* b) Q# J$ H9 A P

if (!document.layers)

% \& ~* U4 z" L

document.write('</div>')

- z; M: F5 |+ ]

function JSFX_FloatTopDiv()

% V% Q. c' K% Z% o

{

' F& i+ Y2 i. z# |% e2 G4 Q- l

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

4 ~; x9 E* Y0 X" e

       var startX =3,

- N' L7 b- M* z. q4 ~2 ^8 @

       startY = 250;

$ J# b2 [6 A5 B1 Z& G% n" @

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

3 o* G! V8 A8 E7 W* ?' S

       var d = document;

; @- c4 L' C, T& v8 M; T

       function ml(id)

% g; e; \1 ^5 `3 @. M

       {

% L) V2 v# q4 B) T

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

0 W" `$ |7 G! ]* z

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

) D: T, P& {% R7 K

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

, s2 x l/ e. _# t( z

              el.x = startX;

0 K6 X( Y0 }0 o" k0 o

              if (verticalpos=="fromtop")

D7 V! a# V1 S8 O' u9 i+ n

              el.y = startY;

1 D7 P0 @( ^' d8 x

              else{

& ^9 s0 P! n( {7 Q- s; C

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

& s+ y" m y: r. T% ~

              el.y -= startY;

8 X& v$ |1 Y- g& d( ~8 w

              }

, I' H( D4 S3 ^1 H2 {' l

              return el;

( d \0 _# ` N" Z1 Z

       }

6 m1 G/ D, V0 x" |0 l

       window.stayTopLeft=function()

6 A& [# k8 i* B g. t o2 F

       {

' h, Z& ]* c, x0 C2 Z/ Y

              if (verticalpos=="fromtop"){

: i7 K# z% n! M+ J" C( M3 [$ E

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

# ^* l7 c2 B. o# h3 _0 x

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

/ k) R1 R$ n3 w; q5 J) K

              }

% ]* E! a8 m. X: O# i# d

              else{

+ D/ g+ N! K, u& C

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

# [4 m+ G6 z- d5 s

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

L7 c+ b$ G# w% t

              }

3 n' v( u, o4 t# j C& \5 b

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

9 {* Z1 l T6 x1 y( `! }7 [0 [

              setTimeout("stayTopLeft()", 10);

3 s2 R, K5 m! N6 m N4 B9 q' i! t

       }

- j' r( j" x- l0 p7 e2 o q

       ftlObj = ml("divStayTopLeft");

8 y P) z2 s$ o$ V& c

       stayTopLeft();

1 v! @6 {; T( O# b4 f$ V; M

}

1 q. Z. H, _! c6 r# y! g- ^6 x9 F

JSFX_FloatTopDiv();

( i* @/ h2 e8 u, Z9 V# o

</script>

7 l1 x3 L9 w4 A7 v0 ]; p1 e

</html>

- B E9 V3 J- f! ?8 u5 L

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

0 ]5 g+ r5 z8 x$ Q% }/ R3 D

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

0 `9 V2 U4 e. K0 u

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

5 |. ?) B/ |5 p+ o

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

$ P7 y2 ^- k: E6 f$ q

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

9 J* W# p1 A$ `& A6 m7 u n+ Q! x

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

0 |" N0 _6 s) H% B, x0 h

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

2 I4 v" }# \7 L* Q# p

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

回复

使用道具 举报

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

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

) q% C; F7 E! Z

 

(2.88 KB, 下载次数: 2)
. @4 W B& K# y7 u
[此贴子已经被作者于2010-4-14 11:17:07编辑过]
* G: B7 `* t0 t
您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

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

虾皮社区,成立十年了!

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

Copyright © 2007-2019 xp6.org Powered by Discuz

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