搜索
查看: 27034|回复: 1

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

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

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

# e0 B! i( q' U. ]9 R5 q

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

2 O( Z3 u" G* d) v

第二步:按橙色说明修改

1 C8 l3 h$ p' |* p4 G+ M2 g2 g4 H

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

( u7 o/ J( y6 m% [) b) E& m

<html>

* z0 @/ G b/ B# f2 T

<head>

" o: p0 g( ?, P- r& w. Y, S' A

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

2 I1 L! a( A# o1 F K u+ L4 o

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

7 c: G/ F2 i" [* z2 D% [

</head>

# X/ q- j I6 s" t1 M9 \( J2 \- t

<script>

4 d$ o; p7 w& O. @( o% `! f

var online= new Array();

3 w) k( z" g0 r& ^& Z2 c0 F2 {* W

if (!document.layers)

/ T z7 I M' c

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

( o& F- b) H# F

</script>

% ^' l# d w, a1 O [, U( X

<layer id="divStayTopLeft">

6 `+ o+ r2 n# ~" S' ]( E3 U! h0 d

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

3 s/ D9 [2 h: A9 a9 _' M; C2 m; B

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

# y5 N o5 k/ u+ G, i) j

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

/ @) ^0 Z7 \; G- W* _& Q% j0 }/ L' Y

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

0 b0 v) p# A/ ^0 K$ i* j, X# A7 e3 j

 

1 h" V8 i$ L- ^: U5 }0 X

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

9 E; C m0 o& U# \3 @; u

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

8 j) D' E* t2 J( h. b

<script>

9 p" H+ a) Y1 T. m0 H& U! R

if (online[0]==0)

: ~' ?& E q: s. v* Q

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

! P. L- O! D. u$ S, k5 i ]& ?/ s

else

' U/ \0 l; X) _* m/ A+ I8 e

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

& \) q, K& w" I0 P$ y

</script >

8 c0 F$ y( [+ v- P; q

</td></tr>

. G* R$ Y- o7 K

 

6 ?! Q; M% T3 h6 p

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

1 J$ j1 ]( \! I

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

( H: ~: b, M6 c6 @! j

<script>

) t' ?/ f4 X5 J; {; j2 K2 n

if (online[1]==0)

b% c I' n, L& \( I( 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>");

9 D8 n) a* L7 m: J5 k( T8 r

else

' W" _! v; u" 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=27043921&Site=在线咨询&Menu=no' title='在线即时交谈'>技术支持</a>");

- F! {( W/ t6 S* d5 i7 [2 A3 Z

</script >

/ S, \' W$ ~5 @3 a) J

</td></tr>

- h! |& F, n) |- L* Q5 e

 

: k2 U/ [; f2 M8 H+ J D( Z" X

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

- T# `9 ?/ T. D4 W" Z

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

" A# t4 P. n, W5 ^2 i0 I

<script>

0 U% ` y+ ?, @9 \

if (online[2]==0)

& X0 A, t7 K* J8 g0 J6 s; 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=240434782&Site=在线咨询&Menu=no' title='客服不在线,请留言'>代理合作</a>");

4 M. v7 k% f) t4 y3 ]2 i4 C

else

* u! a' A' S; A

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

( T7 ^& U5 J) {- R

</script >

, ]: \" O- Z9 Y* \) w

</td></tr>

0 ^: |% T# Q- T1 H5 y- O1 X2 A% k& _

 

|' F% `* |* h3 u) q

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

# s0 }3 a% b) S$ {* v# j) t

 

3 V3 ]3 d ~. m' i$ d

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

$ U/ k2 O1 g4 z) Y& {

</table>

# p0 X/ m1 R) V( j/ f" p: m1 `

</layer>

. u2 d- X9 Y3 g) E. C! |

<script type="text/javascript">

# J" z# G0 z: |0 R9 u) O! E: b" r

//Enter "frombottom" or "fromtop"

9 _' L4 S% S- H8 _* x

var verticalpos="frombottom"

: V% ?; f& J7 S/ P

if (!document.layers)

* ^' S, z) I& L+ Z8 P9 i

document.write('</div>')

7 o" o) S6 `/ k) j! V& j

function JSFX_FloatTopDiv()

# I- u" @7 J1 W. d* q0 y" K8 X

{

( h* E2 z" e- V6 J& ]) { K& W

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

( ~8 ?/ X+ F+ w, C8 S0 B/ b

       var startX =3,

" z5 I( m% n( o n" B6 B

       startY = 250;

: T8 n) h* H: S+ o0 l7 L. b

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

9 k/ V1 |3 f# {5 J+ q5 I2 ]

       var d = document;

' h( a0 f( A; W0 m, @1 `

       function ml(id)

! `: ^$ J/ I3 o& R

       {

0 @- S! t3 ], r: \/ S2 Y

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

0 P) f2 ^3 M6 q

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

& j7 Y: W7 u, D! Z+ F( s4 i

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

n7 ?" m! ]4 v: \ W5 n

              el.x = startX;

# Y- Z0 g" `9 _+ [

              if (verticalpos=="fromtop")

6 x3 `" c9 ^5 U) M

              el.y = startY;

2 a& A% J* q/ P2 X1 i X/ k0 _$ p: J2 I

              else{

6 @! _0 n7 q: v. A$ s

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

0 P1 Z2 m% K* u( u

              el.y -= startY;

. }, A6 X' P& l7 g& m/ c

              }

" r0 p( o, K/ `$ C `: t" ^! U

              return el;

% x% V& l! k1 o+ z' H* ~

       }

$ T5 M) q( H% d m/ O# H, Q

       window.stayTopLeft=function()

9 T) x2 A% i' @7 }1 E, u

       {

9 `9 z2 Y) G) d3 x3 [) V7 a

              if (verticalpos=="fromtop"){

9 O7 \# d* w3 v/ Q6 m4 W

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

$ g+ {7 D6 t- Q# v/ f; m4 X0 n. `

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

6 B% H* s+ K/ _

              }

5 S1 Z7 W6 A4 N

              else{

2 g/ N; N/ m; a# l; E( n* Z6 x

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

, f3 G: `) V+ k0 s4 ^

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

: e6 C1 Y- y2 E- Z# O

              }

0 B; d5 V9 _$ F* {1 p3 }

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

# A) z" a9 G" w! o

              setTimeout("stayTopLeft()", 10);

) q& j% `& O8 P# _7 o. N

       }

$ h$ X; L2 l- ?7 ~7 k3 ?: g

       ftlObj = ml("divStayTopLeft");

" g3 q0 e% ^# k2 h4 z

       stayTopLeft();

4 U. r; [4 m( I5 |% o" r

}

/ _5 n$ B4 A! B9 x5 w

JSFX_FloatTopDiv();

8 n0 m" t5 H- M

</script>

. q2 r* C& X3 [$ ]; m

</html>

9 ^% I. b& V C4 ^ a

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

4 T& j U# d/ T

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

$ E5 b0 a2 a! v \# ?

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

' j, a+ ^; b3 m! g+ I$ ?

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

! N/ y3 M" }" h) G

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

1 R9 [5 ]: b1 v5 m5 D; k; ]

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

9 g9 s9 Y# h7 w0 X" M4 h

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

$ |" c" c2 C) J' V0 D. ~

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

回复

使用道具 举报

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

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

, j8 L- V1 S" d# u: C

 

(2.88 KB, 下载次数: 2)
1 v p, `& x; G5 j9 s9 \
[此贴子已经被作者于2010-4-14 11:17:07编辑过]
& R- v+ S0 b2 H( ^5 y
您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

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

虾皮社区,成立十年了!

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

Copyright © 2007-2019 xp6.org Powered by Discuz

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