浮动QQ在线客服&网站QQ在线咨询 5 ]6 A9 a# j; O1 c* i7 v9 I
第一步:先把以下代码保存为kefu.htm
, r9 R5 _+ R$ p$ ^2 k第二步:按橙色说明修改 ' `( W" g9 Y% T. v' F7 }6 o
绿色部分是要修改的内容,html文档中不包括说明文字: $ f7 P$ [/ m7 x/ L/ @
<html> 1 ^( g- h, F* J7 F/ c
<head> 3 E- ]/ }/ W" P8 g/ w u
<meta http-equiv="Content-Type" c>
5 D, c& g8 X/ ?# F<link rel="stylesheet" href="images/ im.css" type="text/css">
" _% E& d' g/ n% m7 t</head> & t5 f( c$ s6 O0 A0 r9 [
<script> % N7 n1 Z/ H" u6 q& y$ u! s: g
var online= new Array(); $ d! R4 g3 P0 b: {; |& j
if (!document.layers) . ~! |6 L8 i& u% A# B, m# k. f
document.write('<div id="divStayTopLeft" style="position:absolute">')
8 P6 H- Y5 o2 G- }. D( ?</script>
0 L/ @( ]1 G p; _) i$ y( J/ f0 ]( r2 u9 b<layer id="divStayTopLeft"> ( t/ ?6 c F- E1 U. i
<table border="0" width="110" cellspacing="0" cellpadding="0">
4 G$ g- A( C7 O. O; j. q+ K" G5 b<tr><td width="110"><img border=0 src=images/kefu_up.gif></td></tr> 6 \/ l. m. i3 g a/ g* }1 H# r
<script src="http://webpresence.qq.com/getonline?Type=1&27089965:27043921:56129874:"></script> , L! d2 s4 K0 _* ~5 S" j
将绿色部分修改成你的所有客服QQ,多个QQ用半角冒号隔开,最后一个QQ号后面也必须以半角冒号结束 + d% x: p; {+ N' R, `3 V5 r
* F& z& d1 x) V以下部分显示第1个客服QQ,注意:online[0]
L9 r8 ?$ g( h! J! V<tr><td valign=middle background=images/kefu_middle.gif> 6 \/ {( }7 C Q: w- q
<script> , `. D7 B7 b+ j) o
if (online[0]==0)
6 m9 p6 A2 w5 t6 Y% h5 idocument.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>");
4 S; B, K* \ r4 w" ^; Delse
( h/ I- n. s h1 Y" w# W8 Cdocument.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>"); " t4 [% [3 [5 ]' ?
</script >
: D/ r5 G" u2 g. D7 P! N7 Z</td></tr>
) W/ |3 ~9 F, D" i9 e' L " ?3 Q6 f' G+ W& v
以下部分显示第2个客服QQ,注意:online[1]
" b. s1 \: h+ g7 n8 s' A8 _<tr><td valign=middle background=images/kefu_middle.gif> . j& q+ X3 |% r
<script> ' `4 s5 K/ n p- o$ L
if (online[1]==0) 2 M5 @$ U( q, n* z
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=27043921&Site=在线咨询&Menu=no' title='客服不在线,请留言'>技术支持</a>");
6 B, P1 W7 z- Z, ielse 2 g4 w$ c" G7 n! E) i1 u! Q
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=27043921&Site=在线咨询&Menu=no' title='在线即时交谈'>技术支持</a>"); % K$ g H9 G8 m% L% D
</script >
) j1 B8 p4 q8 F3 x0 \</td></tr> 0 F, {# r9 `' n; T: D8 R" h
* }5 @; J+ J- y& U以下部分显示第3个客服QQ,注意:online[2]。 $ v: k+ g# L, G4 h
<tr><td valign=middle background=images/kefu_middle.gif>
: _( q6 R$ y2 @ K# q<script> 0 t; H/ n- }8 M2 J
if (online[2]==0)
; w3 Q: D; |) a9 c& ?1 d9 Sdocument.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>");
& g4 r, k, Z) z, s+ e; uelse : T$ v/ H- R# o+ s5 D D& i& Y
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>"); 6 i1 D) U7 f8 T6 Y
</script >
" ?3 X4 y( `& F5 [</td></tr> * ]# `7 c$ m, d; B
' u( B! A- S6 G1 U
多个QQ,按以上规律复制上面的代码后修改online[0] 中的数字(第1个QQ为online[0]、第2个QQ为online[1]、第3个为online[2],以此类推)和QQ号(每组代码中有2处位置改为QQ号、2处位置改为昵称)。 1 ]: ?: r$ V$ v. A$ w0 p! t2 ^$ P
9 h! ]" N* p# q! r3 y# ~" O$ P, j2 _! S, N
<tr><td width="110"><img border=0 src=images/kefu_down.gif></td></tr> - c9 K [0 S, X! U# m9 J# I
</table> " l5 b7 v! h6 c. T% g1 ^
</layer> ; ?6 e# m+ a! s( p
<script type="text/javascript">
3 y$ I0 t% B9 s4 L//Enter "frombottom" or "fromtop" 8 k7 N$ M' H. G
var verticalpos="frombottom"
7 U, E0 u8 q2 `& x0 y! \if (!document.layers)
7 W6 h& L0 w2 K1 [+ |: h% x; ~ ydocument.write('</div>')
$ e' T$ T) X1 C" n9 s% ^function JSFX_FloatTopDiv()
& f: W3 J* W9 X/ h& ?: R2 U{ / ]7 `% J7 e/ |$ n
下面的var startX =3是水平位置,250是垂直位置;默认情况在屏幕左侧显示,若要改为右侧显示,修改3的值(var startX =3改为var startX =screen.width-150)即可。 P& P+ f- z1 t5 N
var startX =3,
2 c6 Q+ j, y# d4 v9 n0 Q* Z startY = 250; " X F# z. E; Q2 v$ O
var ns = (navigator.appName.indexOf("Netscape") != -1);
& B6 I5 ^( H, P var d = document; 9 N' o- t# `2 d( O9 z
function ml(id) : X; d" \, z0 p: L2 Y* j9 o: y
{ 1 `! J7 F- o# D' U5 M0 Y
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id]; $ W' b$ r/ N" T# o5 I
if(d.layers)el.style=el;
$ O* Y* o R" P2 R" h3 w; f3 u1 z" Q el.sP=function(x,y){this.style.left=x;this.style.top=y;};
! r1 z. W3 ~3 ` N; u1 Q. h el.x = startX;
9 N0 Z' v* d, Q" O1 } if (verticalpos=="fromtop")
6 g1 j- M% x' c- K el.y = startY;
3 X6 D& d% I9 K& a; j. t. u H' z else{ $ U: `$ v) \ T" T% p7 s* B" m9 C
el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
( C3 y1 P {6 h- Y/ K1 R2 x el.y -= startY; $ A" s" |3 y# O4 E1 N- s% S' o
}
; L0 X# ` c( A9 Q return el;
& m+ T* Q; s1 t) k } - R. Z# [" f5 [9 b% H5 W
window.stayTopLeft=function() . T8 a8 T( W( \/ Y5 t
{
( n# Y2 R: H. L8 u if (verticalpos=="fromtop"){
6 q" Q6 K h( K$ n( {" p% e var pY = ns ? pageYOffset : document.body.scrollTop; c4 N0 _+ k4 L0 y, q v
ftlObj.y += (pY + startY - ftlObj.y)/8; 4 k- m% Y0 M4 _% W/ U+ b
} : A" S: |6 t# h
else{
% c+ q1 V8 X* |( _5 Z* V5 D var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight; # V+ V _* z" V! i+ v0 f
ftlObj.y += (pY - startY - ftlObj.y)/8;
( B+ w4 k) p: W! t# z3 b7 d }
0 ?6 N- `# [6 x; e ftlObj.sP(ftlObj.x, ftlObj.y); 2 h4 G9 ~- v; R( w6 k+ Q1 p
setTimeout("stayTopLeft()", 10); ' J0 P( t: s5 i* }7 R3 r+ E+ d
} ; ^) b2 f, {& V% G2 d
ftlObj = ml("divStayTopLeft"); ' A6 v$ @* k8 n b( h. B! G
stayTopLeft();
0 v* d0 l r4 H} ( x* \4 }1 P: X6 `( S- K7 L, @( y
JSFX_FloatTopDiv();
# c: y/ O* i( L% X/ h</script> ( ~6 G' g* t7 t0 h. b& J% h
</html> ; o; D: T) O$ e
第三步:下载相关素材(在图片上点右键-图片另存为…),保存到images目录下。
5 {5 ]0 J& `, F+ Q7 a$ fhttp://imis.qq.com/images/wpa/images/kefu_up.gif
7 J: }- U( S. Q; ^0 w$ Qhttp://imis.qq.com/images/wpa/images/ kefu_middle.gif
6 F/ M5 A7 P% R3 T0 h5 @* t3 Zhttp://imis.qq.com/images/wpa/images/ kefu_down.gif
" J5 c& ^6 n& U Qhttp://imis.qq.com/images/wpa/images/ QQonline.gif
% C: \4 S8 c/ g# W9 q7 t/ Lhttp://imis.qq.com/images/wpa/images/ QQoffline.gif
% T; n+ f- j& y& Lhttp://imis.qq.com/css/im.css
, T9 \. ^/ A, L/ d" b: p" C/ l第四步:将所有文件和目录保持原有结构(kefu.htm和文件夹images),拷贝到您的网站目录中,在你要添加“浮动QQ在线客服”的页面的最后面添加一行:<!--#include file="kefu.htm"--> |