搜索
查看: 30009|回复: 1

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

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

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

' l/ y2 c5 X4 S

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

: {( [, _ s( D* L, ^5 ]* `% g

第二步:按橙色说明修改

! `6 E( E5 @" ^5 {

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

* V1 M; U# ]8 Y0 W. _

<html>

/ O7 E9 v/ E& Q( E E

<head>

# i4 T4 t c! h* B* P

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

2 m: ?! T, C3 C4 u& |

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

+ p4 ?6 g$ ~( D5 W/ Q

</head>

# K) W# N$ W, l' {3 @# y( c

<script>

0 @! O8 J; [& c

var online= new Array();

2 H" C$ _1 \7 R( B: X- b

if (!document.layers)

# b' h Z/ l8 C$ e+ E: U5 p% o: W

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

. l3 E N" q( ^7 {0 \5 V0 l F" ^

</script>

$ K7 s$ D2 h' J

<layer id="divStayTopLeft">

7 o: I1 W1 f, Z: M4 f& R4 f ]

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

. X3 G( w4 t' ]0 E

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

9 g% }3 a! d0 R- Q5 i; P2 L$ q- N

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

! v- w& q1 Q: k" }- y

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

# P; j: f9 ?5 L: J5 t

 

9 U7 O0 g0 E7 u" M

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

( h9 z/ O8 G# c& S6 `9 {0 d4 M; i/ f% [

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

* D3 C# x. a$ \( g; E! \

<script>

! u: ?+ y2 a9 \1 a) h) A' s

if (online[0]==0)

* n2 @# K4 s# P5 S8 X

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

- ^- B9 E* \' V4 s+ i- u! Q

else

|* I, i9 | Z/ m

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

& J# a- z9 O$ X* d

</script >

4 U$ m, _2 A7 B0 E8 `5 D

</td></tr>

; w0 w( k! i; Y6 g2 C0 M B2 b

 

' o' V8 u5 J& [* `' j, q3 V

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

; X8 c$ O3 k* U9 g

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

" j* a0 H' e8 l# _- t

<script>

0 A+ y8 h p: i5 a( I: ]

if (online[1]==0)

7 P) ^2 i1 s& f0 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=27043921&Site=在线咨询&Menu=no' title='客服不在线,请留言'>技术支持</a>");

5 u- Q! [: T/ q: {8 o" Z0 O E5 J

else

- @% N& M, x; J, K, 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=27043921&Site=在线咨询&Menu=no' title='在线即时交谈'>技术支持</a>");

) C* \8 U/ N. z" s

</script >

7 e! U* y, y R% l" y& A9 Q" n0 d

</td></tr>

+ [9 e7 n' E) M4 R1 G( O

 

" k# p& w/ w: O N( t F, I- Q" |

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

+ P- x8 H$ v9 [9 t3 T! N5 S; [

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

. W5 \' a# g& R& h) u

<script>

$ I1 P8 S/ Q' v6 r2 S$ m, t

if (online[2]==0)

7 n" M+ M. Y" X

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! _, }6 O9 I* C+ X1 i: n# c H n

else

. S( K2 E) ~- ~$ q/ ]

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

$ L4 C/ A! [, K( s/ m6 I2 F

</script >

c8 a+ c5 Y0 ~

</td></tr>

' @! g9 t9 o" l4 u/ j

 

" A2 K- |3 Q+ u# X' u. k# Y

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

# b4 C# I& D3 Y) d2 J

 

, I& J0 b, n. a2 `" ~

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

) c' _' X& \9 b# g$ p8 r

</table>

3 o8 Q( F- C" D. K7 N9 B; A& b

</layer>

, I" Q8 Y1 t/ v! V, A7 O

<script type="text/javascript">

8 g$ T1 ]4 A5 F' v3 n

//Enter "frombottom" or "fromtop"

& K& T. r0 [, W/ u& a2 e6 O" Q! t

var verticalpos="frombottom"

7 S0 x a# } y2 j

if (!document.layers)

: I) F" {( z0 a( i( Z; E) N) d+ C }

document.write('</div>')

8 ~( c* d, F2 k9 z* V1 F0 l0 l

function JSFX_FloatTopDiv()

* ]7 b, e$ P; P/ h1 b8 ~$ @

{

& ~) ^: W; } s

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

# k$ [0 i: w/ n. ?) F; V" J8 A* V7 g

       var startX =3,

! i m: y1 ~6 N9 f% B- s

       startY = 250;

+ e( [( j7 z- r" i$ }+ C" a" D+ t

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

4 T0 L+ Y3 w& }. q0 d, i# S

       var d = document;

u O( ^+ o2 Q; S: Y

       function ml(id)

& e5 h8 T( H) I2 D% K3 D1 M( \

       {

9 P' D- S1 Y0 [, c& ]( n6 f

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

# g4 A( u' w; n5 _+ L

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

' d, ]! E( D6 a( i5 v! E% s$ K2 \

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

$ X1 [1 ~- x) E' {

              el.x = startX;

0 @# _! v- N* _1 L8 z

              if (verticalpos=="fromtop")

) Z9 I4 c& M6 X' c

              el.y = startY;

) o' C9 ~1 `8 s4 A

              else{

+ @2 |8 v3 V$ o; {, I+ d Z3 @1 p* @

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

. u+ P6 h+ x, @+ L: \1 E

              el.y -= startY;

1 B# t" D% r7 M' o! ~8 Y

              }

$ ?0 z) ]: w/ R9 K; G; y( G

              return el;

2 r b6 C$ P" l/ O: L8 J: M

       }

4 |5 L" c }& N* A

       window.stayTopLeft=function()

5 b* M( P+ S6 n1 i, K8 V

       {

8 b n6 u3 y1 |: b$ t F* ]4 f

              if (verticalpos=="fromtop"){

. B! u5 v0 w' L- X+ l

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

# M2 Q7 A* I3 u: K' C- r

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

6 O; B: K4 ?; ~& z; F

              }

7 I2 v3 l; K: m0 W* a& \

              else{

, l" S) n9 k ^# Z" D8 K! Q- d

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

7 |4 _( a1 g% ?+ n2 g9 g% p) C5 j) x

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

9 S# H& E4 a% @, j! ]

              }

4 g' c7 d& l ^/ P" x

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

0 t. H4 I0 h% C6 `

              setTimeout("stayTopLeft()", 10);

, d' N: ^& w1 M7 I. l' M$ h

       }

: m4 W( Z% x; h! q0 `8 E( B ]

       ftlObj = ml("divStayTopLeft");

8 i( m9 g/ k1 w* {6 G

       stayTopLeft();

% s2 o9 ^& S3 {7 m2 r

}

- ?- R6 x7 w6 T) L B, I

JSFX_FloatTopDiv();

( L: p6 L0 i @* k' T

</script>

6 E: a& E4 O& e" ]* i p9 t: {

</html>

& w. n _4 v C% @+ B" g

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

- {1 B( m5 r" Y7 m3 Y) a

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

N3 q }$ n. V u; T& C

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

6 @' `' ~# \7 J

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

: k0 K/ M& y9 v) C

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

1 Y; @# P8 k- J9 b4 t

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

R5 k* \6 L E D1 K, L. ~

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

1 @3 E( b7 `$ b$ g5 A

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

回复

使用道具 举报

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

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

1 @) R; R# g$ e

 

(2.88 KB, 下载次数: 2)
7 m+ v. n5 Y! _
[此贴子已经被作者于2010-4-14 11:17:07编辑过]
; J6 O2 A) `1 j, M
您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

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

虾皮社区,成立十年了!

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

Copyright © 2007-2019 xp6.org Powered by Discuz

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