设为首页 收藏本站
搜索
»BBS › 服务专区 › ＩＴ技术 › 浮动QQ在线客服&网站QQ在线咨询
返回列表
查看: 29778|回复: 1

浮动QQ在线客服&网站QQ在线咨询

[复制链接]
happyxp
发表于 2010-4-13 20:12:56 | 显示全部楼层 |阅读模式

浮动QQ在线客服&网站QQ在线咨询

3 z: F. a3 ~9 K) X

第一步：先把以下代码保存为kefu.htm

8 g% _3 x; o6 l/ A1 e( U) P

第二步：按橙色说明修改

- G5 U; u0 ?# U+ Q2 t' o0 C

绿色部分是要修改的内容，html文档中不包括说明文字：

" o! _* X L M

<html>

+ y' E, W9 l2 r+ y* z) f C

<head>

* e I5 }# v& G, J

<meta http-equiv="Content-Type" c>

% I9 I) ]+ p- J: m: U( d$ M5 F# r

<link rel="stylesheet" href="images/ im.css" type="text/css">

" i& d1 u+ ^( ]- V4 }

</head>

5 P& {: L) {( G3 }, c' M7 E

<script>

' h4 g2 u a$ j

var online= new Array();

. T7 Q* ]; ]# O2 W6 [ c* P

if (!document.layers)

1 N% h8 n( N3 O& I+ ~

document.write('<div id="divStayTopLeft" style="position:absolute">')

4 X/ [0 E% ^2 Y; U$ j; o4 e( [

</script>

6 Z2 l0 X+ `5 y# y: d

<layer id="divStayTopLeft">

8 ]. ?4 F" L/ |: C

<table border="0" width="110" cellspacing="0" cellpadding="0">

0 v) a# j s7 ~0 p7 N) ~# T3 l

<tr><td width="110"><img border=0 src=images/kefu_up.gif></td></tr>

O6 j: m v& `. u8 O

<script src="http://webpresence.qq.com/getonline?Type=1&27089965:27043921:56129874:"></script>

8 R: g6 }. E' h# N& u- |. o U+ O

将绿色部分修改成你的所有客服QQ，多个QQ用半角冒号隔开，最后一个QQ号后面也必须以半角冒号结束

+ ~! n) u0 {/ \9 a' t8 S9 S9 X0 L

 

* F+ ~3 N1 r' ]0 v* D

以下部分显示第1个客服QQ，注意：online[0]

+ t" x8 Z" o- g" X6 D; f9 F6 _5 r

<tr><td valign=middle  background=images/kefu_middle.gif>

9 L" g, a) R6 R

<script>

. G: B8 k+ ]: v7 E

if (online[0]==0)

1 `0 R+ e3 w' N; v6 A

document.write("&nbsp;&nbsp;<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>");

% L! W7 L+ b: t* ], Y

else

- \6 }6 l! t" _$ P9 h/ U! @- s

document.write("&nbsp;&nbsp;<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>");

) r( q. F$ u9 X3 F( b4 W, @5 N

</script >

, m& E3 c+ l$ L+ Z3 R

</td></tr>

5 ^7 n1 m; ]6 x! p* D

 

E$ S4 B5 U' F7 j! Z; v$ o+ [* H

以下部分显示第2个客服QQ，注意：online[1]

% C) r c# z, J, p' R

<tr><td valign=middle  background=images/kefu_middle.gif>

8 L$ S& w$ g9 }9 O7 o

<script>

7 C u e* d7 T9 w

if (online[1]==0)

, ^" S% L X% R

document.write("&nbsp;&nbsp;<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>");

& P: _3 o9 W( C+ v* M0 ]1 J. t4 B8 s

else

, o% `' X6 J( X& p, L/ `; ~( ~& n

document.write("&nbsp;&nbsp;<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>");

; p8 S$ F/ u. e& p8 L! O

</script >

6 o0 m6 a0 u- ^

</td></tr>

6 L5 f1 b M. Y& J- l/ ]$ E3 Q, D

 

# f! N" S. P. v" h( v

以下部分显示第3个客服QQ，注意：online[2]。

+ V- U' |; f, g! h0 _* v

<tr><td valign=middle  background=images/kefu_middle.gif>

$ Z6 z9 D7 j1 c) c1 W9 r

<script>

- _. s1 X2 c& t! L3 p

if (online[2]==0)

* p' x- K, l5 R+ F6 g# c0 B

document.write("&nbsp;&nbsp;<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>");

% M: b* |' ^' h a+ c: d

else

7 o9 [- [4 a( i" e+ t, C

document.write("&nbsp;&nbsp;<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>");

& Q5 k+ }, Y0 R; y0 |8 e, `

</script >

: Q; {+ U! N% c$ E9 k

</td></tr>

! \% R! |% C. b8 a* [, j

 

0 K* E7 `- c& V( [& E7 S$ _6 a

多个QQ，按以上规律复制上面的代码后修改online[0] 中的数字（第1个QQ为online[0]、第2个QQ为online[1]、第3个为online[2]，以此类推）和QQ号（每组代码中有2处位置改为QQ号、2处位置改为昵称）。

3 p( U0 B$ E3 d# |2 l7 T

 

0 j: K% {3 f, b9 z

<tr><td width="110"><img border=0 src=images/kefu_down.gif></td></tr>

" ~2 t) y2 N" j1 P" t

</table>

9 o6 T. g c W( d w

</layer>

3 s' T5 {2 K4 Q) [

<script type="text/javascript">

/ a3 @. \0 p! G P5 h

//Enter "frombottom" or "fromtop"

: Q9 E: a& \# H& }

var verticalpos="frombottom"

0 j" C% I6 `! J$ u

if (!document.layers)

; }8 {8 q" s7 H

document.write('</div>')

3 Y- {7 V8 d$ v, m3 I5 F

function JSFX_FloatTopDiv()

% @; Z1 w, q9 y. n

{

+ |; H9 m! m) l m* Z! e

下面的var startX =3是水平位置，250是垂直位置；默认情况在屏幕左侧显示，若要改为右侧显示，修改3的值（var startX =3改为var startX =screen.width-150）即可。

* c2 l1 e" h6 ^$ g1 o# G' m# Z7 k

       var startX =3,

2 `$ D R/ i& i& b2 K

       startY = 250;

& T2 R, e$ t4 r& |: y; \0 d

       var ns = (navigator.appName.indexOf("Netscape") != -1);

2 V5 y2 }, D6 \$ }

       var d = document;

M3 o2 K1 U5 L' ?/ h

       function ml(id)

; ?6 x2 T) ?0 S0 d- ^; U

       {

! P3 y. h/ x. W6 E" B

              var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];

1 p# d+ H$ Q6 c% ?6 r8 c) [, x

              if(d.layers)el.style=el;

- Q! A( q* H# ?9 G2 S

              el.sP=function(x,y){this.style.left=x;this.style.top=y;};

: r/ B- S+ s$ y3 E" y

              el.x = startX;

# d2 A+ R+ t3 q" w' S* m$ Y+ |

              if (verticalpos=="fromtop")

+ ]2 N2 y( Q; P5 o$ a7 E

              el.y = startY;

& Q3 f" Q9 r- f' U

              else{

% c8 j2 u7 d$ L" W4 p f

              el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;

; P3 C2 e0 i; S" |8 L0 O

              el.y -= startY;

, d+ k( }! u! D( v- h& f. D

              }

# {' O" E* C3 p( }+ E2 b+ i

              return el;

( A1 E. K+ B" j

       }

D: Z0 M& a7 z1 j0 y( p

       window.stayTopLeft=function()

- l- }3 V5 L, T0 A

       {

& r) ~! a% S3 Y4 t

              if (verticalpos=="fromtop"){

' }4 }1 ~0 `1 C# _/ A- ?% e

              var pY = ns ? pageYOffset : document.body.scrollTop;

1 m: {# m+ j8 T: I

              ftlObj.y += (pY + startY - ftlObj.y)/8;

4 h$ t' m1 [) r& i1 z4 N

              }

- r( ]2 X! j! G

              else{

- j& M/ o* J+ { H

              var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;

- o! Q; J1 \/ t0 s3 K$ z K1 Y3 B' c, g

              ftlObj.y += (pY - startY - ftlObj.y)/8;

+ i- W+ Q4 t* n) Q! u8 Z r

              }

. Y" D) C& f. A# g( t7 H

              ftlObj.sP(ftlObj.x, ftlObj.y);

0 D! H/ F9 d% C% _% w

              setTimeout("stayTopLeft()", 10);

+ D* A* \8 e: k3 W% z! H* g: S2 H+ Y+ h

       }

( D& G' p: H# P2 q1 [

       ftlObj = ml("divStayTopLeft");

" r0 x% C) | g

       stayTopLeft();

$ l: D- m8 L3 ?; |7 t3 O8 L

}

/ b& C, ?: L+ o

JSFX_FloatTopDiv();

+ W6 r) U1 k$ ~7 i" ]4 c4 U" g

</script>

% `6 p* [9 } j

</html>

% ?* [& z) ^$ L) P& w- N

第三步：下载相关素材(在图片上点右键－图片另存为…)，保存到images目录下。

1 p+ P# D0 h0 H7 Q/ n: X1 J

http://imis.qq.com/images/wpa/images/kefu_up.gif

: U6 s* {& U: q) N' N4 p f

http://imis.qq.com/images/wpa/images/ kefu_middle.gif

1 O# ]. `8 ?* G

http://imis.qq.com/images/wpa/images/ kefu_down.gif

- I* D: p; J4 {8 e+ Q p

http://imis.qq.com/images/wpa/images/ QQonline.gif

" g. x& ~5 y3 U" i# z& m6 T, l

http://imis.qq.com/images/wpa/images/ QQoffline.gif

+ E5 T t& C& X4 g

http://imis.qq.com/css/im.css

* O% A8 E! l, D: n1 F

第四步：将所有文件和目录保持原有结构（kefu.htm和文件夹images），拷贝到您的网站目录中，在你要添加“浮动QQ在线客服”的页面的最后面添加一行：<!--#include file="kefu.htm"-->

回复

使用道具 举报

happyxp
 楼主| 发表于 2010-4-13 20:14:17 | 显示全部楼层

将此文件保存为duilian.asp，然后在公共文件调用该文件。

1 X! L7 W8 E$ }% \+ |

 

(2.88 KB, 下载次数: 2)
9 d) U- h: l% g/ Z& Z U
[此贴子已经被作者于2010-4-14 11:17:07编辑过]
6 w# x$ @7 i8 w* o! o+ @
回复 支持 反对

使用道具 举报

返回列表
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

热议作品
精华帖子排行
精彩推荐

虾皮社区,成立十年了!

站长自己也搞不懂想做个什么,反正就是一直在努力的做!

商务合作 问题反馈 版权声明 隐私保护 联系我们 关于我们

Copyright © 2007-2019 xp6.org Powered by Discuz

QQ|Archiver|手机版|小黑屋|虾皮社区 鲁公网安备 37021102000261号 |网站地图
返回顶部 返回列表