|
浮动QQ在线客服&网站QQ在线咨询
6 E6 F/ j) n! H7 H5 p- Q* d. j7 m第一步:先把以下代码保存为kefu.htm
; W# U) T8 Y3 W7 l第二步:按橙色说明修改 / q: E/ X% P9 k5 |8 T7 I
绿色部分是要修改的内容,html文档中不包括说明文字: 5 r. v8 s" M1 N
<html>
$ m8 T; b1 I! \# C) T& }<head> c( a K& X/ a# ^( }
<meta http-equiv="Content-Type" c> 4 j |6 G8 Z0 k, |' S
<link rel="stylesheet" href="images/ im.css" type="text/css"> ; M+ ^( ^; l$ Z6 ?3 L
</head> - x, ^1 b; H7 P8 P
<script> ! S) N$ R+ ^. W
var online= new Array(); " q" e3 Z- C; Z2 Z2 J
if (!document.layers) 5 {# u3 f6 n) s8 A A/ j
document.write('<div id="divStayTopLeft" style="position:absolute">')
- o4 h" Q( a6 N6 ~</script>
# E. A" o) K1 A<layer id="divStayTopLeft">
8 p( w* }: L/ K2 ^, v; M<table border="0" width="110" cellspacing="0" cellpadding="0">
) P9 h$ L: Y* C- t<tr><td width="110"><img border=0 src=images/kefu_up.gif></td></tr>
4 g) ~; T- a4 a. Z<script src="http://webpresence.qq.com/getonline?Type=1&27089965:27043921:56129874:"></script> ' @+ J) @+ t: y) W* P/ C
将绿色部分修改成你的所有客服QQ,多个QQ用半角冒号隔开,最后一个QQ号后面也必须以半角冒号结束 ) y3 y% S# |2 C$ ~. I
4 [: ~( @, H# {( n! h$ F以下部分显示第1个客服QQ,注意:online[0] ' \# Q+ c8 C# V% C, U
<tr><td valign=middle background=images/kefu_middle.gif> * a' \$ D/ H/ _/ Y! ?9 ]3 x
<script> 5 I( @; ?# {& i% d2 s
if (online[0]==0) 9 D: P+ c, g/ I: x6 F
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>"); 8 k- B- W! ^$ t9 Y6 J: P! m B
else - m- E" \4 c( ~2 M, r
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>");
, v6 D6 ]( k! N. f' D</script > 3 g( |( c4 @0 L( {" n) r2 T
</td></tr>
]& N) x4 x! p$ E$ f+ E l 5 P3 Z$ p* {$ ~
以下部分显示第2个客服QQ,注意:online[1] : I4 ^* `' r- o6 [# ^
<tr><td valign=middle background=images/kefu_middle.gif>
; ~" v5 Q" L! X8 D. @. G ~' f<script>
" `: d' {7 ~8 P4 J! ~, m/ Pif (online[1]==0)
3 ~, K |/ Z! \5 Q- g% ^5 Wdocument.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>");
2 r( i1 E$ t! Y# E. melse
F/ W% ~$ l9 udocument.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>"); 5 @" c4 D. O G+ @
</script >
3 z. N9 j& L# }, O" A</td></tr> j2 T$ Z: Z# R e) B. p' Z
0 X1 B+ T/ |4 ~, @/ r) \. ^( C* w
以下部分显示第3个客服QQ,注意:online[2]。
7 [1 U- N( b' x8 M<tr><td valign=middle background=images/kefu_middle.gif>
( a6 z) I. Z% I<script> : R# t. {. `2 Y5 n2 J7 W. i
if (online[2]==0)
" f& z9 F2 ~; edocument.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>");
: z; m$ }% L" k( E2 oelse
8 i! i3 q: [9 y7 gdocument.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>"); % ~! T/ [" M/ b1 `
</script >
; N1 Q7 U; u7 z- q</td></tr> ! A+ x8 o$ I, z# `8 i; i( Y; {
0 t" |2 Q5 H4 s% `多个QQ,按以上规律复制上面的代码后修改online[0] 中的数字(第1个QQ为online[0]、第2个QQ为online[1]、第3个为online[2],以此类推)和QQ号(每组代码中有2处位置改为QQ号、2处位置改为昵称)。 / Q) t2 f0 n. N; o
/ g8 W8 Y1 @" }/ j2 _8 I: C
<tr><td width="110"><img border=0 src=images/kefu_down.gif></td></tr> 3 \0 \4 V# C! \) j) N
</table>
, z% l. _; d& R, E</layer> ; Y+ M8 x" [5 {) ^2 [0 S0 h
<script type="text/javascript"> 7 f r/ Z& }( E4 W# z+ [/ l# v7 {
//Enter "frombottom" or "fromtop" 6 H* D+ j M7 y8 ?/ C8 D
var verticalpos="frombottom"
! H: P z! t, O ~3 P( k& x3 y2 I7 Mif (!document.layers)
9 {9 x. L1 e( v) {6 {document.write('</div>') ( ~! ^# N% _6 s4 ^
function JSFX_FloatTopDiv() + Q; o; U$ m" r6 E8 D# O
{
& K9 X3 M, h- [& E下面的var startX =3是水平位置,250是垂直位置;默认情况在屏幕左侧显示,若要改为右侧显示,修改3的值(var startX =3改为var startX =screen.width-150)即可。
/ S0 H C$ K( M2 p6 g! o var startX =3,
3 u% f5 j& b w& ]5 R: k$ K! F; `; m startY = 250;
% ^9 a( d. ?9 u! W7 v3 R" V6 X% p$ W var ns = (navigator.appName.indexOf("Netscape") != -1); # g3 [9 r' W J( F$ g1 e' w3 }. w
var d = document;
5 c2 w& {9 O8 f% R* j, c function ml(id) * I0 w/ s X1 u1 X Z# y
{
0 V& |3 {6 {0 \" k; m$ k! C8 J* C1 r0 a var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id]; / `; N! Q5 Q o6 [
if(d.layers)el.style=el; ! W8 h" m: s* o# S2 j
el.sP=function(x,y){this.style.left=x;this.style.top=y;};
$ q- V5 u* X- B$ d5 ^4 c/ u el.x = startX;
, V- ]" r8 X% \) F' O8 I7 K" H' d6 I if (verticalpos=="fromtop") # P5 l( G+ x" ?! h6 M
el.y = startY; ) ~/ v" r; b' `5 U% l2 I
else{
( k7 o) L5 n1 D3 `+ {0 Y el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
9 U7 G6 {2 i4 q- I el.y -= startY;
5 Y% U# k2 N, j2 g6 r0 v } T0 V4 Z& q' }$ g) t( S8 ~& k
return el;
" F' K3 X, r. F" C* t6 Y } 3 Z8 `% \9 l" w+ p9 O0 h& H
window.stayTopLeft=function() " X" s, i: _1 H4 V0 {1 a# [
{
4 ?8 f- x2 b. ^8 t* R Y4 o1 I if (verticalpos=="fromtop"){ $ E( }# T E" J, U( L3 i; ~
var pY = ns ? pageYOffset : document.body.scrollTop;
9 |- G4 d* g2 N, r; ]9 v( x ftlObj.y += (pY + startY - ftlObj.y)/8;
" d! n u, `* I }
0 K2 E/ l# Q- J# A+ A7 d/ v. s3 ` else{
$ {( r; U1 P L" D3 x1 P var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight; 6 P+ @! n0 z0 Z) b3 ~) y
ftlObj.y += (pY - startY - ftlObj.y)/8;
& }+ _6 I0 C1 S0 g) G, G }
$ P- t; H' e7 b; P2 T! I k ftlObj.sP(ftlObj.x, ftlObj.y);
6 Q- ^# l0 {' H7 F1 ?$ s1 {2 {+ T setTimeout("stayTopLeft()", 10);
+ Y5 A9 z3 z( f8 T4 {6 s } - i6 V. F" w4 a. o- V2 |
ftlObj = ml("divStayTopLeft"); / ~, F, [. H5 k l- d, w0 a W
stayTopLeft();
3 \) S6 ^3 ]9 E. o9 C}
" Y1 J$ N) o% s3 PJSFX_FloatTopDiv();
# X- z0 p" u1 e' R1 {& V5 {" a</script> 7 |; H5 C. b7 R T0 _% v/ F; o
</html>
" {2 `1 p/ U" T. H6 t第三步:下载相关素材(在图片上点右键-图片另存为…),保存到images目录下。 ' O: I) x$ N/ P& w# X: `
http://imis.qq.com/images/wpa/images/kefu_up.gif
) [" O, Q5 C5 x# t( s) D! [http://imis.qq.com/images/wpa/images/ kefu_middle.gif * |& H/ L' U- m% ~
http://imis.qq.com/images/wpa/images/ kefu_down.gif
% f1 ?% c6 A. khttp://imis.qq.com/images/wpa/images/ QQonline.gif
/ h9 B+ F5 v& N! w( i- D6 nhttp://imis.qq.com/images/wpa/images/ QQoffline.gif
; V2 y) `6 H+ e* p* hhttp://imis.qq.com/css/im.css
- s+ F( D$ f" K( e S6 H. X/ m第四步:将所有文件和目录保持原有结构(kefu.htm和文件夹images),拷贝到您的网站目录中,在你要添加“浮动QQ在线客服”的页面的最后面添加一行:<!--#include file="kefu.htm"--> |