搜索
查看: 29915|回复: 1

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

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

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

) f1 B: A1 y; G, m

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

; i/ k5 _+ q1 G- a

第二步:按橙色说明修改

+ H% \* I7 U' z D2 U6 @

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

% q- x: H0 Y" f0 `

<html>

, Z0 A3 [0 l3 G# u0 M# h; ]

<head>

: }8 F- w. v( F( n' T. _4 g( O

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

8 a0 ^ z) V O3 j, `' J

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

- C$ b9 N/ f% \

</head>

8 _8 ^- N: }: V# v& d

<script>

) T3 _6 g6 `* S" q

var online= new Array();

2 r$ \6 Y; ]. q( B

if (!document.layers)

0 M. v; W$ v7 |6 B8 v( i' Y. n, y2 o

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

( r+ V/ ^& J6 d: Q3 ~1 c

</script>

. K0 E6 P/ C3 m* H, K: n! M1 Z

<layer id="divStayTopLeft">

0 w, M" A; f o! O7 Z4 C" l

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

4 ` o2 Z+ s/ ^4 j- U

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

" D: I( P' M7 b: |8 D" j5 r

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

: k% [/ B# i4 b6 b" C

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

, K6 N. a1 o7 e; O

 

/ W& z* J7 I% b3 R4 \$ H

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

% k w' t) E9 X% X, N( \. \

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

7 S, k v0 H) m

<script>

' q4 A h: O& r

if (online[0]==0)

7 R8 {1 O: |. e* A8 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=27089965&Site=在线咨询&Menu=no' title='客服不在线,请留言'>售前咨询</a>");

6 N2 Q0 Y* s6 V M* v T M4 T

else

. \% i+ y, h+ F9 D7 ~8 h

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

c: j q" Y' A+ x1 i" C% P

</script >

+ @7 d# C+ W( v8 F

</td></tr>

S% A6 N0 ^7 D

 

0 N3 U. i) {( e8 E

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

, p- x u/ Y7 i- S* W

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

" a9 f+ ]' ~1 t+ F( A

<script>

2 P: @! P; d6 M

if (online[1]==0)

2 T7 d0 n+ A7 T1 z" w- c, u

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

& t2 n, x+ s8 a' t9 t5 _2 m

else

( z' U7 t( k! O8 r' 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>");

! B8 ^; A$ O0 J" P

</script >

1 {7 n4 ]) Q9 I2 l, B+ B$ l

</td></tr>

. c5 h m8 b- u. `9 I- X- T& |

 

, Q0 Z/ O H8 l

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

, M# u& h. l) y$ G8 e+ q, E/ Q i; T( e

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

~* E* k6 ~1 {, ^

<script>

& I2 A1 C1 X9 J% Z

if (online[2]==0)

% h9 N! h$ y5 }: h: H$ h' 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>");

& s- w% p4 w7 c8 q6 P3 ]" k ]/ y

else

* Y& `5 b; T5 y# K2 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=240434782&Site=在线咨询&Menu=no' title='在线即时交谈'>代理合作</a>");

: R" ^7 u& m2 @9 X4 |" j+ ?' A

</script >

! r2 a& P: A5 b# \

</td></tr>

4 S3 p! n$ T) _; |$ I# [/ f

 

# h& k7 j2 C, I% d9 y3 x

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

' O1 B6 C3 A% F+ [' y6 i

 

% G5 U8 W: N1 P/ ^

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

* G0 B3 [! T- H' | Z' l6 K( k

</table>

. W4 ?/ q: ?. h

</layer>

. ~/ c: R3 v) Q. s4 b, t

<script type="text/javascript">

; z, [2 X7 j; j

//Enter "frombottom" or "fromtop"

% D; P# n$ o9 J( ^0 _& ^+ `) o* ^* a

var verticalpos="frombottom"

; B- j. l1 Y0 P1 O* D# B7 R2 m; Q

if (!document.layers)

" p$ T' V7 b. m8 b6 h

document.write('</div>')

. a# w% L7 U) @# ]$ W& Z% i

function JSFX_FloatTopDiv()

+ x/ Z1 w5 S& P, e/ q

{

. \ q4 K o* f! \

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

& C$ i. T& m- u: q+ m" S

       var startX =3,

0 h- X7 W$ S" z2 |: M4 s- I2 ?

       startY = 250;

. F, {! ?6 X# j e+ ]

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

0 q J, L* w4 l+ w! ]2 A6 a' b

       var d = document;

4 Z. D- [1 s6 y7 b5 |! K/ q

       function ml(id)

- @1 a& R0 n S k0 v

       {

* X. }% M) q, L

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

: U3 B- T$ u4 t% L/ X3 O7 u5 d6 f

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

7 J3 e6 C9 v! l/ [ ^- S2 b% K- \

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

! j- ^0 B. Z! N9 b' P

              el.x = startX;

* R8 \1 \. j$ ]: }2 a8 z8 p+ @

              if (verticalpos=="fromtop")

" [5 D; Y1 ~8 o, k* n6 m

              el.y = startY;

. ^ r1 g! h, I, \/ z

              else{

$ z5 P6 W* |0 ^- h r

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

1 ?3 b0 k! {* E+ O# e6 ?6 G) f

              el.y -= startY;

$ { ^) U7 E- z, h, o

              }

5 w1 B) e @3 N2 F$ x( b

              return el;

3 d/ v" X3 v3 V5 t9 t

       }

0 V! w% `) ]( ^0 [/ ~2 a

       window.stayTopLeft=function()

9 d7 ~% F' j* Y0 L; M) S

       {

1 c3 J! K3 \1 p# {2 @; ]$ T

              if (verticalpos=="fromtop"){

0 G4 \9 c: }: ?- D2 y6 ` g! N9 b0 S

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

8 C$ i7 E D' x! }2 R3 m

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

: V% g7 ]$ U3 Z) K0 i* Z/ S

              }

& ~$ O( M/ s- |# O5 l2 N

              else{

; j' |: i, y6 K" ~% J8 z5 S

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

, W9 J4 A# E- R2 |5 ]7 p% S$ Z9 B

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

! O6 C m$ b3 d$ R6 W# V3 f

              }

1 q5 @# G3 n8 u1 _' Y* i; r: H' g

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

) j7 J& A+ M9 [

              setTimeout("stayTopLeft()", 10);

& z% C7 j( B) h) D+ \( ~

       }

7 j- k; u& Z& m. c

       ftlObj = ml("divStayTopLeft");

% Q8 H) e4 j7 x7 T q) `

       stayTopLeft();

+ ?/ Y0 }* \' N1 Y

}

" @) ^# b2 C' x% ^7 n

JSFX_FloatTopDiv();

. K% p, Q8 [+ z+ M0 _4 m

</script>

w# Q4 q0 w( r- q% J* }* d/ r

</html>

& p' [! I8 F* ?. [

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

# P; ?' z4 B; Z& K' |( \: q

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

( [' g; n; O- \0 r' {$ R" Q

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

: ^6 c3 r, M# {5 [/ Q

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

7 w* g: w m& p! Z% R% R

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

9 f& V" q$ Y2 C: I

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

. S2 t" B9 }# T$ u5 P0 L/ v

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

. {8 q/ d6 b/ C+ W8 Q+ U2 Z" u

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

回复

使用道具 举报

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

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

% S7 p* Y j( ~8 D" |7 s

 

(2.88 KB, 下载次数: 2)
% [3 ^; W; D. Z4 b* s0 E4 s
[此贴子已经被作者于2010-4-14 11:17:07编辑过]
1 v: M' ~6 ?7 I! X; G* Z
您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

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

虾皮社区,成立十年了!

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

Copyright © 2007-2019 xp6.org Powered by Discuz

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