浮动QQ在线客服&网站QQ在线咨询
6 d3 Z. Q% G) ~) m% D4 [1 V1 U第一步:先把以下代码保存为kefu.htm ( D9 |" ^3 |/ g, P x
第二步:按橙色说明修改 1 k' O! o5 u- _; k7 x
绿色部分是要修改的内容,html文档中不包括说明文字: 3 v- b# n2 f3 d
<html>
! ?+ ^2 C+ J$ B- e: E6 f' o<head> 1 j& S% V5 {- m& _' @. Z- U3 {% j( T
<meta http-equiv="Content-Type" c> & e5 \/ h5 D2 h% p4 n
<link rel="stylesheet" href="images/ im.css" type="text/css">
2 H% i! J- h& U# p</head> - l- O6 I! k7 E2 h: I7 u
<script>
; L; q- W- w; g4 N+ V/ A+ \var online= new Array();
" [! {" c h- dif (!document.layers)
: @6 c9 |0 c8 b- O0 P! I/ [document.write('<div id="divStayTopLeft" style="position:absolute">') 5 J" r) m o0 c1 i* X
</script> 5 A( F. z" i6 o, {! {% ?" E
<layer id="divStayTopLeft"> 0 J( b9 m Z; R) r- P2 B. G
<table border="0" width="110" cellspacing="0" cellpadding="0"> $ S, Y7 }2 k& S! V3 p# y0 ~
<tr><td width="110"><img border=0 src=images/kefu_up.gif></td></tr> , q: E6 ^- \0 z" I X6 \* P a2 [
<script src="http://webpresence.qq.com/getonline?Type=1&27089965:27043921:56129874:"></script>
" ~/ \$ m, z7 {# D6 v4 H9 t将绿色部分修改成你的所有客服QQ,多个QQ用半角冒号隔开,最后一个QQ号后面也必须以半角冒号结束 . Z( ?: s3 o0 X: G6 z$ _; r
2 F. G* {( T4 T6 d# H
以下部分显示第1个客服QQ,注意:online[0] ! {. z8 o& t* ?0 t8 j$ N
<tr><td valign=middle background=images/kefu_middle.gif>
) p) P+ A9 {4 n9 Y<script>
" }8 ^0 N6 X2 A% ?4 `4 jif (online[0]==0)
% S. g$ C: R2 {+ 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=27089965&Site=在线咨询&Menu=no' title='客服不在线,请留言'>售前咨询</a>"); & x' T5 Q% s% _1 u7 ?) e& f$ a9 x
else
/ N7 _2 [$ G0 y( Xdocument.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>"); 1 w' T' n" Y. g1 c$ m2 J g6 m/ s1 k
</script >
3 D, s6 w6 K3 O) s+ I</td></tr>
# ?$ G: J7 P" S$ x5 e# a . l) w; L4 G& x3 c |
以下部分显示第2个客服QQ,注意:online[1]
" \. G/ U/ b1 f6 b* u! H1 j' D# H<tr><td valign=middle background=images/kefu_middle.gif>
* q$ n" x" {! m1 k; r: u: k<script>
( W$ E4 }) R p% Y5 j/ pif (online[1]==0) ' S* P J, d4 u% H
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>");
. V: Z$ Q* F% T; h6 {3 P: \( ielse - e& `6 Y5 |2 T u
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>"); % C3 N% @, W3 ~, r6 t' g5 h$ s
</script >
6 E8 M( N+ B; ]- p3 \</td></tr> 6 s8 T& b- ~& K. V9 F- @( R
5 ~) c }4 L5 ^% K' m
以下部分显示第3个客服QQ,注意:online[2]。 & W9 [# P$ ~: G% y' f( [" I3 x
<tr><td valign=middle background=images/kefu_middle.gif> 0 f, ^( ~) n5 M1 r m/ O
<script>
" i! _. A5 m/ g: k% g% Oif (online[2]==0)
9 R4 R0 x1 d; O4 }5 Vdocument.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>"); ' B' Y# E0 i% [* B; y) J' [5 ~
else
8 h! f- M% [; N& K; s0 m% 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>");
1 e7 `; T$ G. h+ B4 W9 s</script >
+ L3 ]0 ]; w; X }</td></tr> # |: ] v; d d+ n* G
% D0 A) e- J6 }4 g* ]
多个QQ,按以上规律复制上面的代码后修改online[0] 中的数字(第1个QQ为online[0]、第2个QQ为online[1]、第3个为online[2],以此类推)和QQ号(每组代码中有2处位置改为QQ号、2处位置改为昵称)。
) B7 w2 |5 p* b) ]6 u& K 6 w5 V: J1 h" \8 V* D6 @; M! X
<tr><td width="110"><img border=0 src=images/kefu_down.gif></td></tr> 8 H R) P5 f6 K' \. ~
</table> 3 D9 d& W0 T' W
</layer>
* [ w0 M, f1 s5 X* A* K) o5 D7 W<script type="text/javascript">
' U1 L$ i7 u4 t1 G, I% \1 d//Enter "frombottom" or "fromtop" ( @ v3 @! J. m% G
var verticalpos="frombottom" $ w1 f( q8 F4 G! f, G
if (!document.layers)
6 q7 t' q( ]0 i( |- p/ S" g" `document.write('</div>')
, Z: D9 b: z* G s1 _" Z( d5 Wfunction JSFX_FloatTopDiv()
) n- M- K/ e6 E+ ^{ 6 f V1 V) B) P0 |. J) B2 [0 ]
下面的var startX =3是水平位置,250是垂直位置;默认情况在屏幕左侧显示,若要改为右侧显示,修改3的值(var startX =3改为var startX =screen.width-150)即可。 7 C. V9 Z7 @7 ?7 U# J6 N# y
var startX =3, ! a8 U6 p+ p5 |0 ]
startY = 250;
& f* I8 ? x; Y var ns = (navigator.appName.indexOf("Netscape") != -1);
2 x% |( J' \5 N) N: P2 S, t var d = document; 5 y) I& ]5 @9 j Y
function ml(id)
( }" k2 o1 j6 f. a a& e( E {
8 [* P' X2 k, g9 k0 p' M var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id]; * j* v1 F1 w. K' \
if(d.layers)el.style=el;
* W4 X9 p8 ]& @8 y+ G- a. H el.sP=function(x,y){this.style.left=x;this.style.top=y;};
* i+ Q4 q9 u& Z% @0 Y+ ^$ g el.x = startX; : a; W# E$ `: a9 [) g
if (verticalpos=="fromtop")
& e1 K/ |" {- U0 H el.y = startY;
. T) v% G. n$ ]/ X7 a else{
5 Z# O! Y7 i7 Y2 i% n; I. t el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
( S, L+ z. L; h, g, ?) u+ _ F el.y -= startY;
/ H. O4 r6 ?0 @) ]" G } . Y4 c% ~* O4 w3 }8 K0 v/ R
return el; r+ W0 q/ _. g
} ; L1 f& D0 s6 U% b) T
window.stayTopLeft=function()
* s& s2 ~& L5 k) P, F {
% H7 Q" O4 d; {+ M7 M$ J if (verticalpos=="fromtop"){
# }4 ^5 |3 ?0 k, B; w var pY = ns ? pageYOffset : document.body.scrollTop; + g* ^2 ^/ V! r! Y
ftlObj.y += (pY + startY - ftlObj.y)/8; , h- G2 T" B" U0 ^
}
" C, @' T; E7 r* y) d else{
! b8 A9 ?5 f! `' Y& E0 _ var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight; & K0 X; w6 P+ R, y4 E
ftlObj.y += (pY - startY - ftlObj.y)/8;
2 t p% @7 J& u' P! ?3 ^ } 7 _& {/ \) I7 T" ?: i) n& t
ftlObj.sP(ftlObj.x, ftlObj.y); $ ^/ A, F: } x3 r% x4 n
setTimeout("stayTopLeft()", 10); ) A: K3 T8 ]# I* Y7 k
}
' ]/ l/ B2 _1 @) A ftlObj = ml("divStayTopLeft"); # _: g( U5 x" r( n! S% `" Y
stayTopLeft(); # u: M+ f2 {5 g# @: D, g& }
}
r" D, V& i n. B% g& D' I! w* pJSFX_FloatTopDiv();
8 |& W6 Y6 p* _ Z4 W6 \" w- I- o7 Q- L& B</script>
. c$ h: D" F2 T/ {- u</html> 9 q; D0 j/ }! b
第三步:下载相关素材(在图片上点右键-图片另存为…),保存到images目录下。 * g( r* Z# a- v4 H Y
http://imis.qq.com/images/wpa/images/kefu_up.gif
4 {6 p$ \9 P2 T% h4 A( ahttp://imis.qq.com/images/wpa/images/ kefu_middle.gif
1 }" Q9 {1 @* ?http://imis.qq.com/images/wpa/images/ kefu_down.gif 9 y c3 H# R8 P+ r2 e1 H8 s9 L
http://imis.qq.com/images/wpa/images/ QQonline.gif " |; d2 H# x t5 V: Z0 h$ F9 Q
http://imis.qq.com/images/wpa/images/ QQoffline.gif
% V" y/ l# w( n" N s) ~5 H3 ~http://imis.qq.com/css/im.css
/ F2 G7 ]+ g9 H" Y1 Z第四步:将所有文件和目录保持原有结构(kefu.htm和文件夹images),拷贝到您的网站目录中,在你要添加“浮动QQ在线客服”的页面的最后面添加一行:<!--#include file="kefu.htm"--> |