搜索
查看: 29993|回复: 1

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

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

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

* P. ^' R: C& l# x, u

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

" ~: s) \* T# k% @7 x0 _

第二步:按橙色说明修改

" `( n# N2 b R1 s5 l5 R6 N! K

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

, V% z e! D- _8 }' v4 j

<html>

* L2 M f6 O# J3 C9 f; n& n

<head>

9 I: T" X Z) S0 L B6 |1 |1 z

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

" N0 P5 t0 \9 D/ g# ~7 V

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

; G$ n( a) _; p% s

</head>

, m2 S( G2 q# w5 J9 G) C

<script>

$ ]) W: S& X! {) o4 }6 _2 k

var online= new Array();

& u; R! I+ b$ d( U$ V( p

if (!document.layers)

! C8 I# Q# P- S) M( ]

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

) K# s7 ^8 N3 V$ K

</script>

; F" M' k" b* y

<layer id="divStayTopLeft">

; Q' X9 h- [9 X4 D

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

2 M, P, Q6 t8 u8 r3 X& m

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

% k5 } L! v! F

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

5 k3 ]$ R' @9 z! N

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

$ y U! l) K/ h. k- ^# p; ~" e, J

 

' W7 A- K# {' B! w6 p6 z) A

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

; r. C5 z# R2 K# S& J1 u0 n: r

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

& v& \$ B9 H3 d' b

<script>

1 x( f; l9 [2 X0 r/ A) l

if (online[0]==0)

/ E% F- J% l2 F$ R

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

/ V2 `# ]' ~* |6 y3 F/ c

else

" G$ | `+ X/ S 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=27089965&Site=在线咨询&Menu=no' title='在线即时交谈'>售前咨询</a>");

1 S+ w* ^# w( L% y! x' {

</script >

/ L, F# z2 q& z% }0 Y$ D

</td></tr>

' c# W4 m' C3 W0 F/ Y4 i

 

, r. o* V9 `0 Y( G9 d' [$ S; R

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

6 Q d1 h( v2 b' @3 f! U- ]/ d

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

* Q7 A' w( P0 f6 d& r* y6 F

<script>

, W+ t P' u8 R! I9 ^, A# n

if (online[1]==0)

2 D0 L: m# V# L+ 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=27043921&Site=在线咨询&Menu=no' title='客服不在线,请留言'>技术支持</a>");

B: Q) x- n- E5 X. `/ o

else

( e3 l6 e* e* ]/ {2 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>");

' J3 G S2 A( x; [% Z/ a

</script >

% ?; P4 Q+ _$ L- i! S1 e

</td></tr>

" u" k' @0 o$ q" o5 i: _0 E* c0 ?1 m

 

7 S. x* S% a7 A& K4 @% q, |

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

8 ], `. a! A' c# T2 D3 L, h8 X

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

3 J& Q- y. \, b" t

<script>

: ^: _9 Y8 z& ]

if (online[2]==0)

7 m: X: V) w! X+ H+ W$ @2 {; W2 s" _5 [

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- S {" t: |4 z: P0 Q

else

F; M! `3 P2 V2 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=240434782&Site=在线咨询&Menu=no' title='在线即时交谈'>代理合作</a>");

9 k0 W, K4 S% p' ~* M& \

</script >

/ c7 J0 A1 m4 z; J

</td></tr>

( V8 Q0 c4 ?# a2 z- L; H' N

 

. q* C4 P8 ?2 a& q. A+ h% L

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

2 y- r% T+ R* d. [) K* h

 

" ^* k9 T( s( A

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

) P) r1 Z2 a O H

</table>

* u$ F7 t9 T/ ~+ d

</layer>

- N S% } ?0 c: i

<script type="text/javascript">

$ U6 N5 S/ |/ q7 a2 i, Q

//Enter "frombottom" or "fromtop"

% i1 [ s, w# u! k

var verticalpos="frombottom"

9 N, F1 [' S; k0 K" b6 z# y

if (!document.layers)

! X4 H8 U) L7 d5 \- Z8 t/ W

document.write('</div>')

5 [. Q+ Z: w+ r5 b/ l

function JSFX_FloatTopDiv()

: n) r( z0 x( h& D% }

{

: A: I \2 v3 k, @% Y7 s

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

* f* S' K3 M/ i4 D) \: B' H

       var startX =3,

8 ^* A4 G. u% z$ _ k5 O

       startY = 250;

$ U' r7 P o5 B2 k

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

) Z0 y5 Z8 n) `% m( E5 |5 s

       var d = document;

3 g \' T$ {8 Q) A! e, I* Q2 w

       function ml(id)

' ^8 s! @" X) k/ \$ F

       {

6 v0 n4 Y" v, z) Y: @1 z) _

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

( _ @6 o2 G& d( E; u" w( { P, n

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

: ~/ n, h `& h% [! N

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

! ~: o# ~5 l, y; p* p. [

              el.x = startX;

8 s2 O4 m; f. M) g1 Q% b% Z) j

              if (verticalpos=="fromtop")

. F8 H x3 f9 g- y9 L

              el.y = startY;

4 [4 Q* n) c4 r5 i3 `

              else{

7 z6 Q! s+ `- a9 U5 V" m

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

5 Y/ J" I: u; `0 Z

              el.y -= startY;

6 u% q+ N! h- l6 B6 [" x

              }

. ]2 q- _' l& O' N8 s; A

              return el;

' x, }( [. ]% y3 |' Z, K& t6 W

       }

+ o& U" a! P Y8 w; r$ x+ T

       window.stayTopLeft=function()

# U! l8 _' a2 Z" M: ~" X

       {

7 u5 p! h- }% @7 U

              if (verticalpos=="fromtop"){

# G8 h- u( v& J% k! ]

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

4 ^1 @% _ ?. Q: t# Y

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

0 X; z5 [3 V7 v8 X" K

              }

' N' B& F4 O6 f( r) p- @2 j

              else{

* Q/ o( n, z& \' T4 C8 v! o

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

) `3 a- L* O @) F; u7 Q1 S9 G2 V

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

/ |% J l7 U0 p

              }

: t# w+ t/ n; Z+ B6 X3 B

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

z; w; `/ S% t* o0 \$ E3 }

              setTimeout("stayTopLeft()", 10);

K& p5 B6 w, Q6 B

       }

6 X4 A) Z* H: k

       ftlObj = ml("divStayTopLeft");

^/ n- T5 g' D" {. o2 S; F: h# G

       stayTopLeft();

" p' ?0 _. p0 Y4 V

}

7 R% _& p6 l7 ]% T3 h1 o0 N

JSFX_FloatTopDiv();

3 g* D& y' n: F5 ^" V* @9 Q

</script>

1 E9 Y; R$ ?0 j* D1 J

</html>

$ I, ? _2 t7 r2 s& ]$ d

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

- a: q' K j& l" l( M" A2 a% I( I _

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

v9 x& ]3 W/ S

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

& O, I, T. I4 X t. s% }

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

c0 H# U9 V5 T4 V$ |" e' g

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

- G$ u! w! M) ]. {' i$ F! h- U

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

0 R3 ~: W, w: `( f; P% S* g: @

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

! w; z8 f0 \0 @' P

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

回复

使用道具 举报

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

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

/ P* t, R. H: ]7 l) ~* l7 T

 

(2.88 KB, 下载次数: 2)
0 e+ L/ D" k; U# N: T+ k
[此贴子已经被作者于2010-4-14 11:17:07编辑过]
, P" m8 E/ o! B8 V8 Y3 a
您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

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

虾皮社区,成立十年了!

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

Copyright © 2007-2019 xp6.org Powered by Discuz

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