搜索
查看: 29947|回复: 1

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

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

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

: d( y9 X3 S$ T* U# I4 B4 F

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

7 |# W& Y( U n9 G; l, b$ d

第二步:按橙色说明修改

4 V% w8 E4 O! C1 h! ^

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

4 b, L1 [' H V& I5 T& K

<html>

% M v4 \0 \ b. o) q7 n1 g

<head>

1 w/ F7 G* h8 D: m9 b& p

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

5 l: y* A7 x& p! _ W" L H, U4 z

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

& Z+ N" k4 i" E: R; q1 W( ]4 U

</head>

: Z) u% l" C2 Q" i9 \. t

<script>

9 q2 A0 L# N' Z9 f+ ^ n) G* \

var online= new Array();

; K G0 F* `, w; w$ z- A

if (!document.layers)

/ Y- K9 M. w, e6 O U. `( r7 j: L

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

- k0 m2 k' s) L, l+ y* E

</script>

; i! g. O& t7 J+ Z' N$ _% q. `, K2 L

<layer id="divStayTopLeft">

9 Q, e$ g, t4 d$ J9 v7 U

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

) L$ Z" S$ i2 Y, e8 g

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

' S u4 g% ?" n

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

: N% M/ ~' _+ {- w

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

* j* J! z# @; u, z- Y- z8 J, b2 X

 

7 \' R- B3 l6 Q! P' v' v

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

3 D8 h; \& P' V4 t* p# U

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

9 p' i5 H* X* b) k" u

<script>

`8 {- }1 k: ] A

if (online[0]==0)

* ?8 i3 K z" v1 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=27089965&Site=在线咨询&Menu=no' title='客服不在线,请留言'>售前咨询</a>");

, g; V! |* z3 B: @4 q

else

f# D$ s8 ^+ c8 e4 a" O# c) 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>");

6 O. S: [& f# y h6 B. \- m

</script >

+ Y7 b. U5 y) ^$ r( d/ h7 M

</td></tr>

. [8 l% t; n0 t! W, C

 

! A) L( `/ c' l# F; r Y, {# @

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

s0 v' l5 R5 J) ]

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

6 S& o5 k, k8 z6 ]! ^6 x; P ~. g

<script>

D" t7 f3 K4 Z) ]- \0 b: J9 y: w( {

if (online[1]==0)

( @9 Q- [0 l7 H

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

7 Y1 I7 ` h+ y- E) R6 T. u9 Q# [

else

\3 w. r! K+ 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>");

. K) E2 n+ z6 E, u9 K

</script >

' E* D" s! F* U' B1 P8 s8 C( V7 u1 j

</td></tr>

) k; y. f y) b# W# q* k3 y" \

 

4 i8 t4 v5 B1 [* b$ x9 c9 R

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

! I6 J8 S8 W- {. t

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

" Y4 U: ^, m. Y% j ^

<script>

G+ @7 f' Y) k

if (online[2]==0)

: ?3 k% J8 {; u9 a9 ^" J# y

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

" V' ~; V$ @6 \$ [( `0 Z+ Q1 y

else

8 b0 j+ p' T @! y

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

* ~/ f( P# D2 f; o

</script >

" c; T! W" l% B

</td></tr>

9 }$ @% ]9 z% e

 

' I" i" W4 N5 b) Q

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

% G# O* d3 `7 n A/ u

 

3 v+ e/ r$ N8 P- X# y

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

; j: L/ `# W4 o# O( f7 B

</table>

# L! Y5 ^6 x/ M( N- D

</layer>

* ` @* G5 d& X: ~

<script type="text/javascript">

: B4 U: ]% R; s1 P

//Enter "frombottom" or "fromtop"

( g- u- r- I W' |* B6 }

var verticalpos="frombottom"

/ C8 k) V2 B# i( p( D

if (!document.layers)

% s/ z7 {/ O% z+ |0 }' G+ C

document.write('</div>')

( ^1 d5 y$ D1 F! u7 I

function JSFX_FloatTopDiv()

# }! e' D7 f0 b

{

1 `& j! w* ]6 M

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

# b7 @ j4 B3 ~5 _

       var startX =3,

- C7 i" b! z& G! k% u5 x8 B, k

       startY = 250;

0 f7 V& u$ L5 L) L5 m% b- j

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

" U+ F3 V8 [- v* B- L6 J% X

       var d = document;

1 `# B& V# w; i6 d1 ?

       function ml(id)

. D, o `$ O$ x+ b7 C

       {

0 i4 ~% _ e2 H- t5 w5 w* a

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

. n; s3 r/ W, y- p2 ~. ?4 j

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

8 C8 d5 w0 D$ A( j7 q# @

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

4 e/ W2 ~; ?9 {+ Q5 }& ?, o* B

              el.x = startX;

0 I" a* V3 `! G0 V/ J4 A. S7 H) @

              if (verticalpos=="fromtop")

* h: B" f& I$ \5 E( Z" _8 }

              el.y = startY;

* H0 L p# S% ~ s

              else{

2 K4 i6 Z: M8 m0 U; i3 B2 l

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

# m8 G! |. v+ k+ T8 v

              el.y -= startY;

; S' [. w# x# k

              }

* W: u0 A; i0 [5 V

              return el;

% O& J' V! ^; V7 b. t% G

       }

[2 t& k" Q- _3 A

       window.stayTopLeft=function()

, x O% z( Q6 }5 }$ L

       {

9 x: s8 {( X4 E. q5 w. ]

              if (verticalpos=="fromtop"){

& z9 f# K8 y2 w: v) y' B1 j

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

$ V# @, `) |5 H

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

; K$ m' |5 [+ L! H+ p' k

              }

/ f& M7 r! r1 Z. ^- y9 l1 P

              else{

- m6 H6 `! G0 w: ~( L6 i" k7 Q/ a

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

" ?' f5 [3 K- X/ z6 T$ K( H

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

5 i. J9 Q5 [0 ^" O9 P5 \- U+ O

              }

" p' d; z! X* q8 W( s) E

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

8 o6 i Q4 U/ d

              setTimeout("stayTopLeft()", 10);

& h I( l; h# w

       }

: x0 J: i* s! P% r

       ftlObj = ml("divStayTopLeft");

- j! I/ m8 o/ K8 p4 o1 l

       stayTopLeft();

- L% L/ O. J4 ?1 {: m; b. _

}

) |6 \" G+ \ v2 x+ O5 R

JSFX_FloatTopDiv();

g# k! W$ x+ T

</script>

, s8 } s, v' c, ^5 i; z

</html>

0 Q9 H, E; r, M

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

3 k& M8 |* i M6 E2 Z

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

$ F' s# D" T s4 }3 T4 ^' f

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

- u( U/ c5 v' P0 Y9 v

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

) f4 j2 W* d* x/ ~! J$ d' L; Q

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

& ~3 H: L# |4 d/ M, k; G1 b

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

9 O- q% w$ v8 x* F6 j7 X

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

% `5 L K2 P- G1 W

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

回复

使用道具 举报

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

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

4 A0 M7 r6 f$ y& @% ?3 _8 y

 

(2.88 KB, 下载次数: 2)
9 w/ X( t/ l. J% a
[此贴子已经被作者于2010-4-14 11:17:07编辑过]
! {. \; ?( c. Q/ e3 U
您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

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

虾皮社区,成立十年了!

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

Copyright © 2007-2019 xp6.org Powered by Discuz

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