搜索
查看: 30015|回复: 1

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

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

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

4 I0 Q. ]4 |4 [# M( W" c w

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

1 C/ M8 z; L& f* c: m

第二步:按橙色说明修改

) u- X. |: B6 g0 ~+ d) w

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

$ n( f) _7 s3 ?0 r

<html>

, d! B; Y( a- i& ?$ f( i

<head>

$ ~# P* ]5 N# P$ M, D' u8 z

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

7 |2 {& j. n# X0 @& l

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

# X. j& d$ y7 E2 h3 e+ \

</head>

& S4 f2 f) T' k: i& c) a6 _/ @7 [$ C

<script>

" K! @) u2 G \2 b3 d

var online= new Array();

' [# M6 Q+ `- M

if (!document.layers)

/ C0 ]1 W5 u( `1 e+ L

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

' f. t" A, V* u' T {7 `8 \

</script>

1 P5 W8 T; G8 r/ q3 J. A

<layer id="divStayTopLeft">

% n! V) X/ l" W6 d5 v2 E2 K

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

! l4 M, \0 t1 H" g- a: g9 Q

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

4 l. D1 t" X5 P

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

; `7 w; i @% g. p" ~

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

9 _& O2 {+ p! o2 i

 

$ }# i0 r6 w5 v9 o* i$ K2 N9 r

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

/ g6 P% d8 @1 Z# I

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

* U( d5 R8 F7 X9 U8 j8 ~

<script>

! r' o# } G# t

if (online[0]==0)

% i, E E3 ]- Y2 ]# ~! v

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

5 ?& D3 G# T' f5 b# y3 O2 ~' I) m

else

8 Y w/ K( [% Y+ i* 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>");

) |8 |( [" H" K* {' b

</script >

/ g7 X0 j$ I+ I5 ]. y5 e8 V

</td></tr>

9 h2 `0 b4 S% P9 p s2 k: G# p2 P

 

2 L/ @# K. m! ?

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

0 p* @ L4 E$ M1 W/ D$ t& O

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

e b! f' E* |

<script>

& l* g. Q, O; d4 U# D% H. b8 z

if (online[1]==0)

' s5 z3 N$ z6 B. l; N& S& m2 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>");

% s T1 r/ r m$ [& C( l

else

4 d2 Y9 [0 t' w% q. j1 h7 U

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

/ h' i! n+ s9 H. ^% ?! x

</script >

; f8 a( j5 Q* \6 {$ O6 ^

</td></tr>

( s$ M; n( T* Z$ K+ J8 R

 

( v" r4 N1 H; g+ Z) t( B/ Y% z& V

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

0 n% y# l% U# p+ T+ m- C

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

2 }6 t* M. Y) S5 F

<script>

% |% c) }( g" v1 L" x8 t) H3 F

if (online[2]==0)

+ Z, {" r1 O& {/ N, 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>");

: [$ y4 O2 @% F& S" A+ F

else

' g( Q# v4 Z5 _' g+ \1 ]

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

* H+ C! n" n/ w5 B. W5 Y

</script >

?5 J* p! V$ o+ G5 E$ J

</td></tr>

% m5 M/ b; ?( |5 c% p+ C! e

 

7 g" ^" |" }( k7 w' f

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

( t/ y7 j" v2 L) l( D* a

 

7 Y0 O, c' K% G

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

/ J) ~$ y: a. n: l

</table>

# G ^5 e: j2 r0 s

</layer>

S4 E3 A& t. f" [

<script type="text/javascript">

: E- W+ o& ?+ r8 U, D

//Enter "frombottom" or "fromtop"

2 i+ ^' b! t( W/ U) y: b

var verticalpos="frombottom"

" }0 n/ p+ }/ c8 q) I5 b

if (!document.layers)

3 {, V) E" T9 Z6 G, Q$ V! z

document.write('</div>')

$ B, B8 g1 W7 c6 n0 ?- j

function JSFX_FloatTopDiv()

1 B1 I5 @8 ^/ P6 p# U3 L/ N* W+ o

{

2 z, Q% L" v' G; e7 E

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

# m3 R7 K$ P0 Y0 u& a: y2 k* k

       var startX =3,

- m1 V& r# K. y: ]" p

       startY = 250;

, Z+ `5 ?2 [& g

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

$ U2 i( B1 K' v* R& y7 y% R

       var d = document;

. d% A) J& ~+ l) m- s

       function ml(id)

) u; ^& U. i5 P5 @2 R$ M/ r

       {

& E" S/ i4 @" N3 j# N6 j0 f

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

; e- p7 T7 x1 @$ `. a. s' U( m! m+ N

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

3 j4 i" j7 f: D5 }* a

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

$ B p1 ]2 i8 t: v

              el.x = startX;

1 d' T4 ^, A7 W: B* b

              if (verticalpos=="fromtop")

5 A1 V$ ^# B0 q* T: G; B/ m6 P# }- |

              el.y = startY;

W+ i- z/ @4 D! s

              else{

% l/ `8 c- [: ~% Z; v

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

) l2 |/ X }' }* o: ?+ R0 o

              el.y -= startY;

) o. p0 ], C: a0 I

              }

5 Q/ r l$ X0 } Y# z& ?8 v

              return el;

4 f7 l( f0 m7 J5 S' c

       }

" z2 D- ^( X% W" ]

       window.stayTopLeft=function()

* M5 R$ U$ |5 R5 p6 [

       {

1 C/ V: `* i* g

              if (verticalpos=="fromtop"){

& \5 s2 w# g! [0 k* Q; _8 W1 E9 ^

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

/ j& }4 n% p# r

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

$ @5 H5 L, ?( m6 o0 f: j6 ~

              }

! N1 J6 U7 o8 D# y

              else{

0 h! N2 r2 d9 l* u) v( ^

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

) t7 F3 _( H1 W$ @1 ]# E: j

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

3 o6 y, l. |4 X! }- r

              }

5 J3 y5 p1 w& n7 u1 Y+ z7 J6 w

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

1 `2 K/ B$ S3 o* f

              setTimeout("stayTopLeft()", 10);

9 j+ |5 Z/ u5 r" w& E

       }

0 W6 p. E! R% D5 f/ F; n

       ftlObj = ml("divStayTopLeft");

! d) Y5 D- C% I1 z

       stayTopLeft();

( i! \1 D3 K- ~

}

P# U* w; B) N, Y, k

JSFX_FloatTopDiv();

" Y) f" {3 e+ ~& r, V2 I

</script>

1 y# v) e6 F1 I$ M

</html>

; o. k; T; e6 [, Z7 s* z% V F1 g

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

/ O! C) U! s- v/ }0 {1 H

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

$ [$ m5 m9 l0 L

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

6 a( |6 h/ O, \5 a

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

^9 E `( }8 K

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

# K8 g- q0 g' |7 R2 K! p/ v! O( S5 a! J

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

: [: b t0 j' y, v( O/ m$ H

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

y1 g3 D; H* J' W

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

回复

使用道具 举报

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

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

9 B7 B7 I/ R; e3 c

 

(2.88 KB, 下载次数: 2)
5 Y, F7 `& |* c1 G9 F
[此贴子已经被作者于2010-4-14 11:17:07编辑过]
& c) W' g1 a0 f: p$ P1 E5 j3 ]
您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

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

虾皮社区,成立十年了!

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

Copyright © 2007-2019 xp6.org Powered by Discuz

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