浮动QQ在线客服&网站QQ在线咨询
2 n% v5 K- f1 @+ _第一步:先把以下代码保存为kefu.htm
* Z1 I5 Q3 q2 @( M4 {第二步:按橙色说明修改
0 s1 N1 o0 S) w+ o; ~绿色部分是要修改的内容,html文档中不包括说明文字: 4 A0 H. \6 ]. z' ^) I, l6 @
<html>
- q; I# a4 `4 l5 r* {) D; n7 j( x6 M<head> $ K4 P* W8 B! b( H
<meta http-equiv="Content-Type" c> + N+ w7 t" ]: I) X. E3 ~, w
<link rel="stylesheet" href="images/ im.css" type="text/css"> ; B2 \3 i9 y" O5 V
</head>
8 `# Z8 K6 |: x4 w+ ~<script>
z( J5 R- P7 Zvar online= new Array(); 1 ]4 O0 W% ~) a5 J
if (!document.layers) 3 G$ p7 R1 q1 R) i, B7 U Y9 j4 r
document.write('<div id="divStayTopLeft" style="position:absolute">') # x! r1 [$ L. d2 M1 Q" P3 n
</script>
3 P Y% a/ x- {<layer id="divStayTopLeft"> 5 y5 Z6 ?) W" I' o: h/ w
<table border="0" width="110" cellspacing="0" cellpadding="0">
2 j2 E9 p8 L& g, t<tr><td width="110"><img border=0 src=images/kefu_up.gif></td></tr> ) d! I) m$ u% t6 j( a4 X+ N& T
<script src="http://webpresence.qq.com/getonline?Type=1&27089965:27043921:56129874:"></script>
% ]; V$ F* q1 Y将绿色部分修改成你的所有客服QQ,多个QQ用半角冒号隔开,最后一个QQ号后面也必须以半角冒号结束 . ?% @2 _; c* q) C, Y+ m
$ z* G# I8 \4 L! \0 l7 `% C8 e以下部分显示第1个客服QQ,注意:online[0] ) O; g* H+ o: G" P5 F' N
<tr><td valign=middle background=images/kefu_middle.gif> % }; n6 y! ?4 }! p& T; {
<script> 7 g7 n% [. j# T# B! p
if (online[0]==0) 2 K5 F" y8 j5 C6 ?3 u- P
document.write(" <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>");
) v$ k! @3 ]/ N3 |4 v3 y) i; qelse 5 A9 f" }' o6 q/ d" f5 m, b
document.write(" <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>"); ) G; }. ~' [; e& w. k
</script >
6 k7 d; k6 H1 M( X% e, y</td></tr>
O8 h0 B, _( p8 o: A$ I* B9 } $ t5 r3 I4 g3 r N7 P, Z- v/ @
以下部分显示第2个客服QQ,注意:online[1] ( }$ O+ u6 f* y
<tr><td valign=middle background=images/kefu_middle.gif> : \0 `" K* q+ F5 v
<script> 0 \7 R% I( z/ D$ z7 y* }$ i
if (online[1]==0)
3 G( Y( @3 F s" [. C6 x1 i2 Pdocument.write(" <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>");
' L/ T: j; W9 J6 B% G4 Z5 X5 B: [; lelse
; |( r: z) y8 @+ Edocument.write(" <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>"); T% t$ W$ T3 h" L! r
</script >
" \ _8 c' G$ {; }- \</td></tr> B; w" Z7 y' ]" f9 `0 N$ l
# n, t5 e- `' i( g, Q
以下部分显示第3个客服QQ,注意:online[2]。 c! Y- K1 I( ]$ L' m0 t' ]3 g
<tr><td valign=middle background=images/kefu_middle.gif>
: C! m! R3 ~* J+ l: o) i% E<script>
- Z0 Q4 ~' l o/ Fif (online[2]==0) ' Y4 N- K; H. J/ F2 ]' R, _/ r
document.write(" <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>");
; e+ v! z4 s; g. i; R4 F+ }else # g3 r' q; t0 N" Z
document.write(" <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% ]( Y4 v9 v: r/ [, s
</script > % Z# ?7 R6 R/ L f/ [9 U5 `& s
</td></tr>
% N2 B' C& e1 _( g
* z0 W& I# R! a多个QQ,按以上规律复制上面的代码后修改online[0] 中的数字(第1个QQ为online[0]、第2个QQ为online[1]、第3个为online[2],以此类推)和QQ号(每组代码中有2处位置改为QQ号、2处位置改为昵称)。
& W5 N+ C+ g, [; p- V 5 R6 O8 ^+ U7 {# [, f1 E
<tr><td width="110"><img border=0 src=images/kefu_down.gif></td></tr> ; B# d3 h$ _; x6 s
</table> % d5 H) G3 W5 D! S! I2 r
</layer> . E- C! s0 W- ]" e" w
<script type="text/javascript">
( @. E+ m2 K; O% I% e1 k//Enter "frombottom" or "fromtop"
/ ]5 u4 {9 p! k8 o3 i5 vvar verticalpos="frombottom"
3 C9 H' y7 X- k1 P. s" ~if (!document.layers)
0 k$ ~# D. h3 T5 M; h* e$ idocument.write('</div>')
2 t5 x0 a4 B% i4 Y1 E9 t) Vfunction JSFX_FloatTopDiv()
- S) ~8 G: F' L. m+ n# N{
1 Y) Z- f- V6 i. E5 I% B3 ~下面的var startX =3是水平位置,250是垂直位置;默认情况在屏幕左侧显示,若要改为右侧显示,修改3的值(var startX =3改为var startX =screen.width-150)即可。 ) V {0 p( ], u a/ I) m2 P0 I
var startX =3, ' Q1 J+ p8 k8 j Y- H+ I1 B( E
startY = 250;
' L6 {8 A1 y, T: D6 M* x$ n! \ var ns = (navigator.appName.indexOf("Netscape") != -1); - y) P' ?2 o, Y( K/ w9 p; S
var d = document; ' G7 J& [4 _# g
function ml(id)
1 v1 Z' I1 c1 G* A# }8 {5 T { 2 u& I: {+ _5 @# h! |. w, B
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id]; $ @5 `1 Z' n# Q+ s, u }# y
if(d.layers)el.style=el;
! Y; N7 C, r6 P% d6 ] el.sP=function(x,y){this.style.left=x;this.style.top=y;}; 1 t& p! M. T: }; c
el.x = startX; ; I% i3 j# l; S4 l, ]
if (verticalpos=="fromtop")
9 s. q$ v) |1 a" K \ el.y = startY;
6 U8 ?' M7 t& B K. P" E else{ . T: r8 U* G* u
el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
9 Y# U" Q9 \7 i8 K el.y -= startY;
3 @( D0 B& A% [* E }
) T" ?7 ]! ?1 Z9 e' c1 B+ v2 |, Y d return el;
0 \6 s/ K) d0 l' g2 C" j }
2 p; L/ e) G& M8 O6 c' [7 p: ?/ n window.stayTopLeft=function() , D5 u3 }! \& D& k/ d1 Q& Z
{
' ?* q) i8 \. R* L# G; w8 ~ if (verticalpos=="fromtop"){
# c e) m0 {5 r i# E var pY = ns ? pageYOffset : document.body.scrollTop; * w+ s9 K! @1 Z' D! i
ftlObj.y += (pY + startY - ftlObj.y)/8;
7 [; d* C7 G; L, `# z } , F% B" U( H. s& g. m
else{ 0 a( R: w2 ?" }) _3 Q+ u1 o
var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight; ) Q) u2 Z0 c+ U) N1 v2 }; L
ftlObj.y += (pY - startY - ftlObj.y)/8; 8 q; U4 H7 s1 L: B- i
} . E- O, {( j% w; \& x4 E" C( \4 U
ftlObj.sP(ftlObj.x, ftlObj.y); 0 o% u6 C. v, u1 b0 U
setTimeout("stayTopLeft()", 10);
! m( P0 [' D% N! | } . u1 ?6 L4 U- V
ftlObj = ml("divStayTopLeft");
" K! K# J6 O+ A2 y# \- a# I. B stayTopLeft();
8 T/ J" G- {7 W$ T5 \+ s+ G8 i}
3 I# g0 m* k y6 l0 @ GJSFX_FloatTopDiv(); 0 E/ M: G y* c( p' c$ P& i( L; \
</script> # k% f/ l; a4 ]# `4 m; K2 O+ @
</html>
7 x/ Z6 a" A, W8 i- |" l# E& e第三步:下载相关素材(在图片上点右键-图片另存为…),保存到images目录下。 ! H F) B' `$ V
http://imis.qq.com/images/wpa/images/kefu_up.gif 0 g- q* T& Z% u, `& a7 e; A
http://imis.qq.com/images/wpa/images/ kefu_middle.gif ( h8 Y; C3 z3 U" E. _
http://imis.qq.com/images/wpa/images/ kefu_down.gif 2 ^& W1 l( n4 R% m5 U
http://imis.qq.com/images/wpa/images/ QQonline.gif 1 |) c# l. ?/ e5 V9 ~
http://imis.qq.com/images/wpa/images/ QQoffline.gif
. [ A% y7 H5 a" A( g: h% _http://imis.qq.com/css/im.css ) n4 V( F" o! A6 B( W/ R; u7 C
第四步:将所有文件和目录保持原有结构(kefu.htm和文件夹images),拷贝到您的网站目录中,在你要添加“浮动QQ在线客服”的页面的最后面添加一行:<!--#include file="kefu.htm"--> |