|
浮动QQ在线客服&网站QQ在线咨询 ' \+ \; d a7 |7 {( E& S
第一步:先把以下代码保存为kefu.htm 3 l( q/ J8 X0 a7 z: j
第二步:按橙色说明修改
% t/ x" S Y w0 \4 E绿色部分是要修改的内容,html文档中不包括说明文字: + Z$ ]6 U, B% Q0 o: }6 l. t
<html> $ J$ O# e8 y+ l: o& X
<head> 4 o6 g7 M: F( V, Q# S
<meta http-equiv="Content-Type" c> 7 ~* l& T5 L/ o' a; a V/ D
<link rel="stylesheet" href="images/ im.css" type="text/css">
8 Y/ y! ~; N' G9 x6 |</head> 5 {5 n7 q& r% z' k3 u7 ^
<script>
+ m# ~; K6 e! N+ {: l# U6 ?* ?var online= new Array(); / H1 H8 F# ] y; u; V
if (!document.layers)
0 B% \+ c. [" k( m% xdocument.write('<div id="divStayTopLeft" style="position:absolute">')
8 j* m. i) Y1 [( o, O, Z) r" B% c</script> . U: B& I0 ~. G5 p7 x. O
<layer id="divStayTopLeft"> , S) v2 Z# ^: V3 i x; a4 S
<table border="0" width="110" cellspacing="0" cellpadding="0">
; _1 _% [7 Y8 i. l<tr><td width="110"><img border=0 src=images/kefu_up.gif></td></tr> 2 z) ^( \3 J) g7 m. @' q. F, ~
<script src="http://webpresence.qq.com/getonline?Type=1&27089965:27043921:56129874:"></script>
, h/ i; r- Z+ ~% w将绿色部分修改成你的所有客服QQ,多个QQ用半角冒号隔开,最后一个QQ号后面也必须以半角冒号结束 " ^" H& X5 W7 z% c" ~
8 g1 E, b* \" n" m0 I, b* v以下部分显示第1个客服QQ,注意:online[0]
A+ @+ x2 r- u0 X9 e<tr><td valign=middle background=images/kefu_middle.gif>
, X: H) M( c' s' J6 B5 y<script> 8 t: a7 X) S+ v5 M5 U1 r
if (online[0]==0)
$ c; o, D9 O+ ~' ^1 k8 Gdocument.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>");
9 U. V. ^2 d7 K" ?; V5 ?else # U. _! X4 N# b) h5 v6 q+ r2 s8 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=27089965&Site=在线咨询&Menu=no' title='在线即时交谈'>售前咨询</a>"); : p; A% U* E5 i+ }( X2 _) y2 `
</script > $ D4 p' U, b5 r6 p, a
</td></tr> / d+ d& ]( h1 @# g. E6 Q
+ q% N* T: y: `
以下部分显示第2个客服QQ,注意:online[1] 2 I! J) K+ }: z3 x- P
<tr><td valign=middle background=images/kefu_middle.gif>
( M ?% f: Z2 p; A3 L2 F/ E0 s<script>
T5 n3 z" ]" w( s/ L6 \6 `. Mif (online[1]==0)
) k2 @, g# v2 j# Mdocument.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>"); % b, b" M1 _2 V N1 {( P
else
% @- ^3 a. l0 w2 B- ddocument.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>"); 1 L, z/ p" {" l) j
</script >
/ t5 \; B4 m1 r9 _4 f. D+ n5 z! z</td></tr> * n$ G3 Y. V0 K% s9 u
* n8 c2 |6 j3 m0 Z g
以下部分显示第3个客服QQ,注意:online[2]。
5 A& M. }0 O/ |5 y( @: }1 b1 O<tr><td valign=middle background=images/kefu_middle.gif>
) ^# B+ ^7 f1 Q u( h, m% w9 b<script> ' Z: D2 t$ r" u5 y. f1 C
if (online[2]==0) " J5 T) J/ ], @: C5 f 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=240434782&Site=在线咨询&Menu=no' title='客服不在线,请留言'>代理合作</a>");
' @0 J" F( I3 Velse ( u" j3 F) {7 S0 Q2 f) c. [5 G
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>");
% P" \6 @$ ~, e! {</script >
% E! w& u( t. j- f) ?+ [</td></tr>
. k, Z# m. p# F1 V' F# z$ Z! H' Y5 [1 P
0 L# T; I+ r; N6 C7 C多个QQ,按以上规律复制上面的代码后修改online[0] 中的数字(第1个QQ为online[0]、第2个QQ为online[1]、第3个为online[2],以此类推)和QQ号(每组代码中有2处位置改为QQ号、2处位置改为昵称)。
6 h; e! K K) a8 Y- P! d7 C
; k* b: {4 F9 h<tr><td width="110"><img border=0 src=images/kefu_down.gif></td></tr> ( z' I0 U: Z- ]
</table>
/ |1 F# N! H+ W! b</layer>
( p( k& Y ~( ~7 H3 [<script type="text/javascript">
% u4 s8 l2 Z/ L+ H/ `3 Z0 n( g; L0 U//Enter "frombottom" or "fromtop"
( p& e6 k. x/ Z0 d& F, ]9 H# tvar verticalpos="frombottom" ; g* a8 l. k2 T6 P/ }: {
if (!document.layers) ( T8 {) D: v+ L
document.write('</div>') $ H1 ` ^5 i3 _# b& K6 D
function JSFX_FloatTopDiv()
: g, E5 `2 r+ Y9 E. q6 _{
8 o0 T" |- z8 ^$ ]! T5 `下面的var startX =3是水平位置,250是垂直位置;默认情况在屏幕左侧显示,若要改为右侧显示,修改3的值(var startX =3改为var startX =screen.width-150)即可。
* V; z$ T' U5 w3 R var startX =3, 0 t: c# w- b; B
startY = 250;
1 H0 ]1 Z% D, x# t7 q4 K" q/ r& N var ns = (navigator.appName.indexOf("Netscape") != -1);
) l9 Z5 r8 h/ z( g! | var d = document;
$ ?! K$ Z0 y/ y' h: k- L2 f2 k function ml(id)
) D: p4 w$ `% H8 P1 u$ N9 r { # v! ^* W) D5 C5 h' `1 C
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
) E0 k& b' P5 u( T- p% h) y2 Q if(d.layers)el.style=el; / c- W/ R% c3 q+ i' ]5 k
el.sP=function(x,y){this.style.left=x;this.style.top=y;}; 1 u& V; C" W$ d& K
el.x = startX;
* A, W/ a7 G( I* M if (verticalpos=="fromtop")
9 P! P8 V! y( b: a el.y = startY; : n; @3 U7 C/ h6 P; s3 O, F$ ?
else{
9 m1 j* {! e% { el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
9 K t3 ~1 \/ r! z7 J( h el.y -= startY; 5 T$ \. y1 b* O) s5 I E H3 Y( ^( T& h
}
2 y) l" Z9 U8 K return el; 9 N! f1 }# {/ E7 e: E
}
5 s& e9 T+ A3 Y0 x# q" T. ` window.stayTopLeft=function() 4 K V1 n& d# q6 x5 R3 J8 g: I
{ 4 \6 @# ?, G" }* u, Q
if (verticalpos=="fromtop"){
* h% d2 W z/ r z var pY = ns ? pageYOffset : document.body.scrollTop; 5 ^' w9 S7 D# {) b l" b
ftlObj.y += (pY + startY - ftlObj.y)/8;
, \& w+ [9 g5 U* Z0 A }
6 y* m9 D4 p& A else{ # v- h6 ^# n, l. t0 v
var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
, r% ?) n- _& E' Q: f$ V ftlObj.y += (pY - startY - ftlObj.y)/8;
- \8 `0 P% ~+ m# N/ \+ j/ M } . D! h; D3 m$ d. o
ftlObj.sP(ftlObj.x, ftlObj.y);
8 ]5 N3 a( b9 ~; V* U. t7 ] setTimeout("stayTopLeft()", 10);
1 }& d/ X* `* h+ y1 Q% p2 g } ) J& J. X6 l2 t; Y0 `
ftlObj = ml("divStayTopLeft"); & {8 y5 ~& i$ r) P. m
stayTopLeft(); ( u( W. \$ G6 m; ~9 m# s$ E9 {
} & E' \7 w4 \( n* J; n1 G, ~) o
JSFX_FloatTopDiv(); 1 r" D' a7 d+ A9 H; I
</script>
4 ?0 N& L' J0 n. R</html> + a' \2 _* B* F- q2 Q& X
第三步:下载相关素材(在图片上点右键-图片另存为…),保存到images目录下。 4 k6 f+ y7 {2 f, X. Q: ]7 q
http://imis.qq.com/images/wpa/images/kefu_up.gif
- [9 l( ~9 x2 t/ j7 Z# chttp://imis.qq.com/images/wpa/images/ kefu_middle.gif ) j `5 i4 E9 O8 O8 B3 n. J! m' F8 ~ i6 d
http://imis.qq.com/images/wpa/images/ kefu_down.gif 0 g/ l% h/ x8 ?3 o% x9 ^
http://imis.qq.com/images/wpa/images/ QQonline.gif ) D" s- S! O8 x3 @" h! R2 \/ q
http://imis.qq.com/images/wpa/images/ QQoffline.gif / |( ?# W" F9 J7 U' n" z! h4 _
http://imis.qq.com/css/im.css 8 K* v. j+ j. @) p
第四步:将所有文件和目录保持原有结构(kefu.htm和文件夹images),拷贝到您的网站目录中,在你要添加“浮动QQ在线客服”的页面的最后面添加一行:<!--#include file="kefu.htm"--> |