搜索
查看: 30012|回复: 1

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

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

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

2 e; n4 W/ _# K$ W

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

) \: A' c5 C+ F$ ]+ _, f* v

第二步:按橙色说明修改

% \( {2 }9 f- O- Y' O$ h/ d' A' f

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

- n5 I; @3 d' E5 g& N# Q) \

<html>

U. {- t) X/ b5 l' W0 _4 P" {

<head>

- F% K/ v% q4 e4 w4 M9 z( K

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

^. S+ i+ |$ e% n" S6 O

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

1 B$ V- a. V) V* K7 b% `' [4 B

</head>

( t+ S3 d, [! R" [* J. i& x, u" H

<script>

- A) |3 I" x X

var online= new Array();

* H( b7 b7 B% C

if (!document.layers)

4 B V" y& \9 x, z+ p( r' E

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

% w4 c! ^5 {( b1 i" I0 c' B

</script>

9 u. H2 I4 P$ u% y

<layer id="divStayTopLeft">

( s6 K* E1 w( \8 `; K# ?$ o! L4 d+ B

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

! V8 f7 j$ U* y) x- u! b) ~1 V

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

/ n9 B$ v- K! f9 t g! c

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

' ?/ ^+ G. C- E+ Z$ o# ^9 G7 N

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

, L9 _+ t# _, _( d4 S. c

 

2 O- e" a1 E$ ?) ^, N: V

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

5 r( v, _' ^/ K+ _8 ^6 X$ ~

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

8 J3 `% N- S4 v |8 _4 z

<script>

2 V2 t) w) S1 _! d) `4 {

if (online[0]==0)

, g# K9 A% P0 M' `

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>");

0 Z3 O/ b9 Z+ {$ a

else

r8 v- Y2 W% }, b0 q2 H6 p

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>");

1 k* X0 K/ Z4 ^) X" p) K

</script >

' @4 s) f& |; a3 L& Q

</td></tr>

9 ]' v6 D$ {. _: [6 q7 V

 

1 G( h8 R6 @# n4 d+ j1 F

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

5 x/ c! V' L, `. n& p/ Q

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

, Q9 I1 J6 j# m' @5 |, S

<script>

! b0 ?' v' m& s3 w8 U% Z

if (online[1]==0)

; l* z- e8 k3 g/ |1 G/ T, ~" p/ e

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>");

# O* h$ T1 M& M1 G6 ~+ N- o% P

else

; x" ^: z" F/ y! I/ J2 O: Q' E

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>");

% v$ z( O8 g' ]! o" F. C8 l

</script >

0 F1 R- E) Q7 Q ^

</td></tr>

2 M+ s. L4 v4 h6 c# t" |

 

. a( m( R) q1 p% \0 z# F0 j% q

以下部分显示第3个客服QQ,注意:online[2]

' p7 ~- h$ O7 {! a/ f* ^6 i- S

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

) w' l u9 o( D/ x' T, h

<script>

1 G2 T$ d9 V+ U- |% H8 I' _

if (online[2]==0)

' n3 |" F- y* [+ I4 V

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>");

$ B+ o0 c; V, o6 I3 `" p

else

% E6 I* }% o4 @$ I; 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=240434782&Site=在线咨询&Menu=no' title='在线即时交谈'>代理合作</a>");

1 m; y* R! H7 P- Z4 q r

</script >

( t2 H6 q- a! z0 [' ~ Y

</td></tr>

% f1 e1 b6 J: d; m

 

/ G, M _7 p( E0 ?7 A6 x

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

* |& z$ Z6 d8 X) A

 

( d, r* ?9 d7 ] x( ~; D( ?+ P

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

4 y- L$ _! u' ?* T: o

</table>

8 m" [0 L3 L! b# b E$ E

</layer>

" F. U& X1 W) M. r G

<script type="text/javascript">

4 j0 q- G/ Q* G" `: d/ F9 ^

//Enter "frombottom" or "fromtop"

& j. }+ u3 R+ B5 Q

var verticalpos="frombottom"

; @# I" R/ n% \! ^- q. ~9 ]# ~

if (!document.layers)

) E( h) C4 l F8 F

document.write('</div>')

& d$ y4 a0 K8 j6 f# T' `# y

function JSFX_FloatTopDiv()

- ?" E5 O/ E" S7 W7 G. r1 ?& E8 ]

{

5 B* f' ?4 b4 R7 O- T7 j

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

+ f, _& A: ^2 p. w t

       var startX =3,

8 i2 [4 T9 ^# x; n8 N5 D

       startY = 250;

1 G$ ?6 Z9 }2 v

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

% }2 A7 c* r8 V. g4 J' {

       var d = document;

2 f4 p( r) Y% {7 d1 S# Z

       function ml(id)

$ j6 r4 s" v: j! o

       {

8 p/ i$ _1 o/ C! x2 G

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

1 L, O, U" {, m8 z

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

) U i' I5 ~7 x ^+ H; X

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

[& w9 z+ B( n

              el.x = startX;

5 s7 ~" X- ^, a2 w7 _4 _' @

              if (verticalpos=="fromtop")

+ D- Y1 x3 y& B2 M! K v( O

              el.y = startY;

# m8 ?) Y, H2 ^% j' i( \

              else{

% ?/ d" e* H; B& }

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

, Z( W3 ~: l3 ?5 P; {

              el.y -= startY;

, m1 y$ m5 a! } |6 \/ ]; @+ b' f- T) E

              }

: r) f3 X" n9 K0 z

              return el;

8 Y$ ]/ W! ^' e9 ~4 q- j

       }

) k' Z0 a( M( E. j! l$ Z ^

       window.stayTopLeft=function()

# [ \* U e% |3 \7 P

       {

# T( u* O3 P! ^

              if (verticalpos=="fromtop"){

$ P1 Z$ E4 S) z; F, x

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

- |, }9 N/ l! v$ o

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

0 W/ H; | }' F9 Q6 v

              }

8 Z) L o W1 t- ]* y% [3 q$ h; o% p

              else{

1 g6 i5 `& `* I( }. e# @7 U5 |

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

+ T" ?* ~* Q; B* q9 r

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

7 ^* x) g3 Z) g, p; s

              }

0 d: N7 D8 O2 x; B# h

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

5 O% A9 c9 i0 x# e! z

              setTimeout("stayTopLeft()", 10);

% T/ ]% p% G9 m, B. F V, k4 Y* p

       }

$ [ r1 H l1 g- d* O

       ftlObj = ml("divStayTopLeft");

- T- v9 h1 q' ^1 E5 G$ ]

       stayTopLeft();

* x* l+ C3 C( M, {2 ~7 \) R

}

0 e9 R: ~4 _0 r/ ]

JSFX_FloatTopDiv();

+ h7 L8 M( P3 N7 Y+ a2 T# n% e" w: p: ^

</script>

8 j. C2 ]7 c8 Q2 t

</html>

/ f; _# v: C1 w% y6 O

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

- z* _, [1 W! y7 D/ w' G

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

. [8 k3 |: ^' B/ ^( {

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

: J( g+ r9 o: `7 ~3 T. U1 T

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

& k" S! j: V; ^# L' R" d& R

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

8 B9 ]/ y0 Y0 z) G- ^6 U) B

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

+ w7 d1 H# L! z7 P) T8 V& S

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

: J; ]- k, Q8 K! [) P% C

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

回复

使用道具 举报

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

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

" a y8 e5 r( ~+ e; f X& o

 

(2.88 KB, 下载次数: 2)
5 E) d& l1 R' j8 d% q: U8 a7 g/ Q
[此贴子已经被作者于2010-4-14 11:17:07编辑过]
6 ^. n1 q1 e8 t4 u: P+ J+ E- N0 f1 `
您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

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

虾皮社区,成立十年了!

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

Copyright © 2007-2019 xp6.org Powered by Discuz

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