搜索
查看: 29927|回复: 1

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

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

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

7 V |- X4 O# g0 r

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

8 [' P( O2 X. ]4 q3 E b* D$ G

第二步:按橙色说明修改

1 z h7 P* k1 s; r

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

9 L+ R) C2 r) Q2 j% {/ C( {

<html>

3 e% M: r0 G# F+ R

<head>

/ d* s* X9 S! d& _5 C3 z1 Z* W" ?

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

6 r( S: x/ H) b( r: I, @4 C

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

8 L8 E5 Z4 g. b

</head>

9 m8 ?; i/ e& r1 j) F, ~. a. }

<script>

0 K; Q! x- l+ L4 {

var online= new Array();

) E4 [$ u7 A5 v; H, i. b

if (!document.layers)

- M& ^1 S2 e3 N7 y7 P+ ~

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

' u" a. n' O E ?& ^- E

</script>

. p' `7 D, [; S* z( r6 t$ |/ C8 X

<layer id="divStayTopLeft">

1 f1 T9 P! B8 G

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

/ ^2 R% n6 u p( `# O# g; o

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

# X/ {, X! _, ~. e4 o x. g

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

2 N) E9 b P( x$ ?- h

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

6 E9 B4 s; V0 q# r; ~0 @8 M

 

! O) ?. D+ E- U/ W

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

6 y5 A9 p3 ^$ G3 A

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

; V0 e2 Y/ @" W3 e/ N& T9 O& f

<script>

# A/ v4 f/ [5 S1 Y6 ?8 \. E

if (online[0]==0)

6 |' T9 j+ B2 Y" f' i: |; 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>");

4 t3 l5 k' h. B* D2 I3 }

else

% q& a7 `0 h' p2 w4 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>");

4 F& |. e/ I; c7 ?$ Q( |& m' f; z

</script >

T7 j: z7 C: X1 Y

</td></tr>

7 {0 R9 `8 Y8 L+ }2 E1 n% v: H( G( g

 

% D! E4 b( h- a0 k/ `) c. Y! I

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

; Z2 \& K8 O1 h! M1 v$ u

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

! R, q9 `9 a' A3 q! B

<script>

0 r0 D- i' r5 t0 n2 k

if (online[1]==0)

q, M- j6 U$ Y6 W2 x- ?3 o

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

, |+ p p! D1 J% N; v: Y8 L6 z9 X& {

else

" [* C( _9 y- [- A. E* _) m8 \0 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>");

( H& Z) r' ^) G% s7 ]9 c8 Q; J

</script >

" i8 O! D! `! l7 Y' g* G6 {3 a

</td></tr>

$ j8 X- t7 w$ @, G1 [

 

' [) n, p. e7 Z, o0 y

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

2 Z: l( r4 E0 l

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

9 G8 m5 P3 p; D7 s0 I

<script>

' G# [* y; ^& P7 n% h7 O

if (online[2]==0)

6 O( w' N$ ~# Z [- U7 u9 q& 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=240434782&Site=在线咨询&Menu=no' title='客服不在线,请留言'>代理合作</a>");

$ ]" B- Y7 ^, a* N/ c0 Y! m& E

else

9 {$ N/ e/ a1 E7 \

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

* N' |* @# r* H. B; E) T3 r

</script >

; y: R6 v: G S# N* _' ~0 M

</td></tr>

; r1 {# l, n) ~2 C7 u

 

0 T, [ }1 A9 }& T# k' n8 P- X3 h

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

. ?/ g, {" W) D" g) K5 s

 

0 a& |; r' y) x

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

8 g1 B6 ~% J, R. H/ m% ^# \

</table>

: A) |% u. S. S5 \, W, ^; H0 ~' ^: v2 I

</layer>

7 l0 T6 ^. K& Y% i. N

<script type="text/javascript">

0 J9 a" Z* e0 J

//Enter "frombottom" or "fromtop"

% G1 Z: _0 s# H$ b8 d/ e

var verticalpos="frombottom"

+ C2 G" b' w3 K/ @. x

if (!document.layers)

8 T% v4 t8 q( \

document.write('</div>')

: g9 ~5 B& U7 z

function JSFX_FloatTopDiv()

( |2 l& R# J! e0 r

{

3 E- K' U8 w+ Q" u7 o& Q

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

9 R9 N" l- Y& `' ]9 D

       var startX =3,

: c7 ^+ w; t. H1 @" e5 o" s

       startY = 250;

) o1 f9 v6 Z/ N! B9 f; r

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

1 _- Z! u0 Z" W; o' g, W. h

       var d = document;

G& U5 {* T, C! a/ ]

       function ml(id)

) P. _% b R* P( ?' E

       {

. k0 z0 |2 h& X/ @( `4 l% z

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

+ }( P* F- d- z" Y2 ] q

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

; ^+ k+ K1 ]- A, c

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

9 _4 k) {# @+ S7 C2 P0 Q0 V

              el.x = startX;

8 y. K) i1 b5 ]0 ]4 z# l' i) A0 J

              if (verticalpos=="fromtop")

- i7 Q$ R7 d( i; ?

              el.y = startY;

- Z2 T; h! V+ O* s

              else{

! u$ w( E2 k+ K" C4 j3 [% E

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

+ ?/ o# c* s/ C/ E" {/ {

              el.y -= startY;

- q/ H$ F/ _! S' }

              }

3 P: N( v' S: f: ^. l# @0 D5 k) Z

              return el;

7 L9 j0 c$ @3 T' b- H

       }

) w( l; u4 e$ R$ I' M5 d

       window.stayTopLeft=function()

0 v/ o0 a1 H( O. t: Q! G1 U; ?

       {

' ~1 f0 A- \- g" K! ~+ w! z( o

              if (verticalpos=="fromtop"){

. f. I, t8 u' D: L* L2 Q& }

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

- X% L. R8 D }+ y1 s

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

, U+ i9 O$ A* ^

              }

' A* Z# {1 d, Y# u8 g/ L

              else{

7 @" z; s" |& |1 _* m

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

7 X# m) l9 i2 Z; R w9 }

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

1 V5 n9 V6 [, L; L6 q8 k8 p

              }

% H9 f4 p# V& x; k

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

8 x5 R1 u; h U- W" ^& z* Q

              setTimeout("stayTopLeft()", 10);

5 w5 ?# e; g r4 m' Y# g+ f

       }

7 r+ s# I0 i p

       ftlObj = ml("divStayTopLeft");

w7 e* j* X* r: u7 ^; \& o

       stayTopLeft();

2 J$ M1 E1 L5 z, L

}

( \& N# D6 @4 L9 i f

JSFX_FloatTopDiv();

4 C8 G; j( V: C" T0 X1 U- [) d2 K

</script>

" ^9 ?3 W& m. o, Y

</html>

+ B6 K/ q0 e2 R: y; P: E

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

4 S$ Z- C) Z3 T. ~+ I1 {

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

- C- Q# a \# _# O5 w0 Z, Z- g7 U

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

0 l; ?, z( H+ i4 m0 p: X: D: D

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

) Z' {3 K3 x) i2 ` E6 J

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

! F2 k# d% I7 k8 q7 T

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

' t8 h: S: f7 y: h2 J$ Q3 J. o" Q

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

( y& ]: I. {! Y& { L" G0 O

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

回复

使用道具 举报

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

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

$ g9 N0 J; V* _9 K0 O0 m

 

(2.88 KB, 下载次数: 2)
5 X8 v4 @+ u! D
[此贴子已经被作者于2010-4-14 11:17:07编辑过]
" J: w2 @& p) u6 M0 r5 i$ _
您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

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

虾皮社区,成立十年了!

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

Copyright © 2007-2019 xp6.org Powered by Discuz

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