搜索
查看: 29926|回复: 1

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

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

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

6 V' }7 P4 z2 X% h) C2 W% |

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

7 y! ^5 n* r9 G1 j+ m) s) c

第二步:按橙色说明修改

/ P. m* ~: M! A6 `- [8 x

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

& _- K! V6 o! q4 y( e& n/ H

<html>

' s6 R; \7 ]6 i4 }% R: a

<head>

' V9 \2 ?* I% U6 b4 K8 R% r1 m1 H

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

+ n0 d0 r" z+ ~/ i `7 U4 T6 X' u* g+ Z

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

6 R3 Y2 ~3 c9 i, u1 {% G2 m( Z

</head>

& o ^+ f5 H) g, P

<script>

# M( B* g9 h' r

var online= new Array();

0 K5 S+ v8 s! `& A

if (!document.layers)

) e O, [# e4 K

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

( l) \9 h) w6 r3 L! u, Z/ Z2 M

</script>

# V# g" o* X" x9 g8 n) C3 w

<layer id="divStayTopLeft">

& p/ N. h" X7 t3 R

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

5 H6 W6 t- ]4 n& c/ p

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

Z; c% N) v& ^3 G+ P" ^1 C

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

6 r4 X, V+ O5 `( n; W4 z

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

3 S0 p ?$ z, W$ t4 t, Q- h

 

) Z: r% ]' l5 w; b1 o" G2 n

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

) f+ U1 P# s* J$ y; ^

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

( c: L2 w7 Q+ T8 b9 J4 f8 \7 W

<script>

. \* m) M0 R) A9 B- l }+ K

if (online[0]==0)

9 ^4 {$ |' ~$ W) Z

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

3 [2 s" I1 b- j% ?

else

5 _' i- ~* j9 X. }+ D3 v

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 E) q9 V; v- c# Y+ P/ l' U

</script >

0 ]4 W+ m/ h5 J4 W1 l+ k

</td></tr>

8 N! x* E& z9 J) L# w7 p

 

* T3 i& S2 [8 P9 _7 h

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

1 S" A& K) m. c& H5 a

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

4 I" M' r6 ?* ~

<script>

4 `7 y4 q: A! f' ^) r7 T* g

if (online[1]==0)

1 @; u7 I) C9 O' a* }. T2 k

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

* `2 u: r( Z0 z8 G9 j) T+ d

else

5 Q3 |$ `& E& M& u- A

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

2 J3 u9 f5 p# ^" g

</script >

7 @+ U$ D$ Z, _/ |: D4 H

</td></tr>

6 w- t3 G4 m1 w! C9 a9 u# T

 

( p6 D7 @9 F# M

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

( S% q3 r' y% X& z! ~$ x

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

$ }" L" t4 L+ a1 T

<script>

7 U. d2 p" z7 q% p1 d) r' [4 d

if (online[2]==0)

0 H3 D- ^/ \& G" ~ 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=240434782&Site=在线咨询&Menu=no' title='客服不在线,请留言'>代理合作</a>");

( H" y$ |2 T) A0 E7 V) H, d

else

4 e; |! K$ ]" f5 B6 O7 `

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

+ ?* `3 N; Y% k: s

</script >

A5 r* E8 H3 O$ V

</td></tr>

- i( b- s& Z( |# M* [

 

( X; ]* A0 L9 Y# T+ g6 ]

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

2 b3 |& }$ C2 |4 ^5 K4 ^

 

3 S1 C ?8 M1 f- H b" y& ?5 m

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

' _0 |' s# }4 A" q$ L- B8 k6 r$ s& I

</table>

. c+ w$ N# j! f, v

</layer>

5 l8 r, ?. n* k, s4 S. I

<script type="text/javascript">

& S. [6 b& s" [+ ]' ?1 j# K

//Enter "frombottom" or "fromtop"

6 `, s% I' T, F& H7 i

var verticalpos="frombottom"

% l$ v1 R7 C% l( E

if (!document.layers)

( x4 Z1 F, k. ]7 ^+ O

document.write('</div>')

5 C/ R6 p) x" S& g, F" F+ f

function JSFX_FloatTopDiv()

; g$ C/ w$ x7 [ b1 a7 T

{

- y; s* H6 n+ v3 z2 M# B

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

9 S( I+ J" s, M3 L

       var startX =3,

/ ^- l% J* }9 G- _

       startY = 250;

! X" G3 u2 B9 _. i

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

# ^1 f7 L D5 `

       var d = document;

0 }3 v1 i) a5 m2 g/ ^% K1 l

       function ml(id)

. T0 [2 d. x2 e; y0 u2 x, R8 a

       {

u; A1 R8 L7 _$ {" o

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

& B" l% B% _: @+ z

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

% j. b2 y7 P. e. p2 X

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

6 I. U; f* Q$ [- r

              el.x = startX;

0 E: J V* }( w1 f' a* B- T, A

              if (verticalpos=="fromtop")

! _2 Z4 f. v/ p/ K

              el.y = startY;

2 T* y+ ]/ p0 W: N! r

              else{

# e3 W# g: o; x

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

0 j' t8 Y- c) _( x5 ^- { \' A

              el.y -= startY;

# p* K; C- {& W3 ]0 O5 I# K- R% P4 D

              }

9 s' Y$ F7 s; s/ d

              return el;

1 m( ?2 @6 e% K/ o

       }

. G0 `2 \+ L5 ~; p6 X0 z

       window.stayTopLeft=function()

5 ~+ }; d" f0 J' \! a

       {

9 E. B. |: p( w* _/ ?8 e$ w8 ?

              if (verticalpos=="fromtop"){

( \- ]+ v; G" j8 [5 s* ]3 U# r

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

! Y! k! V" x! ~6 Z: j, q$ \

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

- M3 F/ H4 a" Q4 O) G' w* [

              }

! |: J# n% q$ k9 P4 q- B

              else{

- V7 n1 w# {* t) M: x; `4 M/ J

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

( d2 E) N* O$ b. T( M9 R

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

# c% i( t+ v" A) ?1 y

              }

% t* x/ c1 v) r& {# n! j

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

[4 k0 M8 l% h

              setTimeout("stayTopLeft()", 10);

6 T: i. V i3 r. {+ s

       }

% p9 p' f/ _5 x5 l5 ?

       ftlObj = ml("divStayTopLeft");

. N1 I H& }9 y) o8 u2 V- w: v

       stayTopLeft();

2 R0 s' U: p* I8 A! J

}

6 p8 e- T; L4 h2 u

JSFX_FloatTopDiv();

% f5 w- W+ ] w8 h

</script>

. v0 Y' V6 u2 _( V- o; w

</html>

6 j/ y/ X; Q. N) n2 N& b2 ^

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

7 T; n3 \. K5 w1 R" f

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

% S# N: a1 b: ^: U y& d

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

: `$ Z. c3 r" q/ E

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

: h- L9 e. O7 S8 D

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

! c# u0 w9 [) ~) j- G4 `0 n

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

# r' s) _( Y* `7 c: t

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

' ^* F5 W7 e" Z1 a

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

回复

使用道具 举报

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

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

: Q8 _3 `% C" h p' M/ M

 

(2.88 KB, 下载次数: 2)
( @: f+ s' W, }, [: o1 ~. {+ ]1 h
[此贴子已经被作者于2010-4-14 11:17:07编辑过]
' h' z! r0 p6 B! K5 g ?) u
您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

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

虾皮社区,成立十年了!

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

Copyright © 2007-2019 xp6.org Powered by Discuz

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