搜索
查看: 30030|回复: 1

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

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

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

n3 ~" J+ I3 c3 t

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

6 Q7 I2 D3 N5 N9 k7 w4 x0 O7 H

第二步:按橙色说明修改

" q' C/ C+ q, @1 I

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

3 {5 D; v e N* v

<html>

1 @+ s7 R7 @( S; T( W- R

<head>

- a* S9 l' o3 n& j3 l2 L3 l6 D- C

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

5 i' i9 \9 \( ?6 r

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

* N6 T8 b( t% e

</head>

! x# J& c- `4 T$ Q, V7 z4 ?- d

<script>

7 ]8 i5 z: g5 O

var online= new Array();

8 d A. s5 r ~, J% i

if (!document.layers)

" b/ j% a. D) C# i8 n2 @# u7 ~

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

3 o! n( ]! j7 ]. H

</script>

9 I5 P4 y- N0 }# h

<layer id="divStayTopLeft">

1 P5 |+ e3 T" W Q2 [8 ]' y4 j

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

- g8 ^; a0 s/ Y. e

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

5 l; P9 D6 \1 {% e$ k( }

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

$ P" Y; Z% `$ ]4 v' c+ g; w" n- n3 `1 Q

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

5 w" {, Q7 C/ F

 

1 g) X6 N$ I7 u7 f

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

4 t, c2 H, ?) I* |* R& u. c6 G

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

! E0 y% O/ J) n" V# d& m8 b- I& j0 s5 K

<script>

* H. k9 ~- B1 @2 j6 |

if (online[0]==0)

9 d( N5 |+ ?: g7 F

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

- N/ r! z. y( @. z0 G

else

; m$ }. E" ~% k

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

, a7 ]& G3 l% ?0 S8 k4 @

</script >

4 t$ }3 U$ t5 u

</td></tr>

; l% c1 c: @% C& t. N$ f0 g

 

& k0 {7 u4 {. W% c6 @: B4 c

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

5 l7 N; s7 K9 R0 g

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

/ d; \6 Z) e. Z( U* s' D9 p0 D G" y

<script>

, m. Z. o4 E- Y$ i0 V2 ~

if (online[1]==0)

A4 o0 z8 {; ]0 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>");

0 C$ s- u4 V& }5 W3 _

else

4 E* E8 _" H) s7 |% i+ _7 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=27043921&Site=在线咨询&Menu=no' title='在线即时交谈'>技术支持</a>");

$ X! X7 a9 v* @! g

</script >

* |7 u6 {3 L1 p

</td></tr>

. l/ R9 y! K! r8 ~7 l

 

5 ?- T! I6 M% `# S+ ?( a; c

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

. {) ]) Q! a9 i* ^& p, w

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

* L% j- s& g6 t7 @/ r K

<script>

3 y/ P$ e3 S/ V4 Z, z" Z$ e2 o

if (online[2]==0)

0 O! c, @# `0 M: n

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

" a/ }+ g: G1 X4 ]- O7 G9 _

else

6 t+ f! t/ a: d( i- |1 c3 j! \

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

: z5 w3 F1 _- K) J9 w7 @

</script >

9 G- \' Z! f1 o1 w# M, A% a/ o

</td></tr>

( m/ T1 l( V* x/ R" q" _: f

 

4 P# U B8 ?; g# x* \5 T

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

# z2 o0 Y1 k( C% i, a( a% @8 j4 u

 

# V$ M- t9 B- [* g7 I

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

$ u3 l& a2 e& Y* U9 Z5 r# Q/ _- S1 T

</table>

& g* b3 N6 x8 d! J% }; b# e3 [, B# P* K

</layer>

" X7 w X! ]: k$ a: E) Y$ j3 I

<script type="text/javascript">

. x8 o' g2 P0 K1 `) `4 w, q5 y& g

//Enter "frombottom" or "fromtop"

6 _: N& z/ u1 y- D7 K4 E

var verticalpos="frombottom"

, k8 p4 X' r, I# {; a0 ]# \

if (!document.layers)

4 d3 V( S. f* ]' R9 c, a* Y: L

document.write('</div>')

V& G; ], N8 s# L8 H: \! o3 s0 o

function JSFX_FloatTopDiv()

: Z. f: o. J) z, f

{

# Z6 z2 ?( k$ y7 \# i' g2 u1 l) h/ h/ x7 t

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

$ i3 C7 T* a1 S* [- U

       var startX =3,

: k1 Z) |' z& {% H& S" J: K5 Z+ J* Q

       startY = 250;

; J! {) k) V" V; T6 X j

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

Q/ r3 R9 ^4 d4 h+ D; @; t6 f

       var d = document;

- P* T$ {& X7 N% k/ b# X

       function ml(id)

7 a+ b h2 w" k' ~$ F2 Y

       {

1 H" l' B+ q, w/ o2 u* t

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

6 J& A; |* C! r# U

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

2 d/ F% y9 R4 M/ b6 b

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

" p* F) M' Q0 I4 P' {

              el.x = startX;

( U' \5 G# o9 M* _) O

              if (verticalpos=="fromtop")

7 E3 u4 |7 S7 n4 E0 `) q( Q

              el.y = startY;

+ e! q7 b5 |; r- T9 ^* ~" B. s: v0 D

              else{

% r. K5 `, d" T' h6 q

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

# `5 I5 w) A- [1 F3 A

              el.y -= startY;

+ U, V9 `, Z6 F* [, J

              }

3 O2 A; {% z$ Q0 [/ o- R' e

              return el;

, M# i5 {0 b2 D v; I

       }

0 l' w3 n- C6 T+ Y

       window.stayTopLeft=function()

; w2 F1 o; n' w! o7 \& O: [

       {

# y# {. w/ s7 K8 v

              if (verticalpos=="fromtop"){

* l& h1 G9 W F% e; @* ^1 m

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

* J5 L; ^7 A6 [( D9 [' a

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

* k; e4 A5 a" R$ \1 h0 n

              }

) T! w" G8 A2 E* V

              else{

7 O2 o& i K8 m5 e7 o

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

; E- [& b% L2 p$ c+ C/ R A$ P

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

! T7 S( G+ V6 B1 ~9 Q7 W7 S

              }

1 A2 _4 s1 W" `

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

6 i+ p+ E' c7 n" d/ j

              setTimeout("stayTopLeft()", 10);

: _/ Z3 `- P- m6 @

       }

7 _. s+ r& m" U( A* E; t4 a

       ftlObj = ml("divStayTopLeft");

1 r0 i9 {9 ]4 p3 R

       stayTopLeft();

' h3 l) ?# u/ M2 y' q# L/ C8 T$ R

}

$ g9 T5 G* `$ y. u, o" z

JSFX_FloatTopDiv();

" h( @8 S5 d2 M; }' Q' N1 q

</script>

/ H* H) v& p- J, R3 G4 N

</html>

( f4 p6 `1 I) e& X7 T

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

! |4 ~2 v0 M3 L+ o

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

' [8 ~& t9 {! f( ]' o, M2 p$ D

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

1 W5 Y: a, A$ Z! y5 c- A! L

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

$ X/ N0 \; D) p5 Z% X

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

( D, i8 k$ a( X% ~# G+ B6 X3 X7 A

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

u; Q. J+ t2 P! L8 Y/ [4 N

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

9 U" s0 k- l! U' t+ @

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

回复

使用道具 举报

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

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

! R% \1 E0 y9 f. P# C; l

 

(2.88 KB, 下载次数: 2)
6 v0 Y+ t2 B$ n7 ?$ x
[此贴子已经被作者于2010-4-14 11:17:07编辑过]
5 e& v( Q2 F7 N6 }/ p9 c) D. J
您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

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

虾皮社区,成立十年了!

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

Copyright © 2007-2019 xp6.org Powered by Discuz

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