搜索
查看: 26036|回复: 1

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

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

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

1 M1 A& ?* w3 D; {

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

- J0 g1 m- h r4 ]$ |

第二步:按橙色说明修改

9 H# A Z" D A- d6 p

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

/ P6 L q) g/ l5 ]+ J

<html>

3 L( J4 x# M3 T/ t: f; z& s) W

<head>

) d! C$ b+ n: P) _) g

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

1 J& w& d9 K$ l7 n" q9 Q* C, @

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

) f% K7 q& |( C, `9 v- q* Z

</head>

; _& S h K- q0 \$ w5 A5 h

<script>

, r' ?! X1 Z2 g8 G* k; \; O% P

var online= new Array();

0 H7 E7 @% n: d1 k

if (!document.layers)

& h$ ^6 G L# _

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

7 `! v& I) h) @9 i0 f

</script>

! H. C; H! b. E" ~# F

<layer id="divStayTopLeft">

4 C. q4 X& l; Y- M0 Q6 N m

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

# |9 N3 D3 A: I2 B3 Z `

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

* I$ J. O4 g% I

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

6 e/ m; h! H! ^/ U U5 z. j

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

* u" i1 w8 C2 W7 z' U

 

: D" M, Y$ K' b/ U

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

$ P& B$ c: Z) n' S9 s

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

0 Z3 H/ {4 j1 d/ i

<script>

! ^. i; p6 Y) u8 ?

if (online[0]==0)

* T; a! O1 d9 [5 h9 Y: Y% w" 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=27089965&Site=在线咨询&Menu=no' title='客服不在线,请留言'>售前咨询</a>");

, t6 H B, V3 [4 D+ c, ^* A

else

, C; f: @5 w! ?1 N7 h

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

i" g# m! Z$ V& H0 R/ e, Q1 x0 C

</script >

* n: d0 P+ s% z# u+ V' Q8 {

</td></tr>

' ^; \! m$ t h: c% L) e, B" S

 

$ p$ |5 u) k# q: _# G4 v) t! f8 V% S

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

. W* d2 x" G% k K

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

p! s$ H% t' W3 w

<script>

! p2 v" U. @; a

if (online[1]==0)

, T1 |: W7 f: a, `8 @

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

5 [' D4 a! @+ e- A( ]

else

/ [. l* I/ B# y& a

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

- x( z; o5 q' D0 M

</script >

2 K7 k: C. T; X" e! L: s+ ~5 R

</td></tr>

. C* ?" y/ T$ p. _

 

( b( v4 Q {9 |- L0 f4 a( y

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

3 h4 X; B2 @8 Y; I0 r# U

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

# H e; f# ^/ Y% u1 `

<script>

4 W/ K/ f5 N& F9 f1 s9 `6 k

if (online[2]==0)

$ ]# X% y9 w6 u p! m* v3 d6 y

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

9 X. g' D2 T, G

else

/ s9 v# u/ }# O) h% A9 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=240434782&Site=在线咨询&Menu=no' title='在线即时交谈'>代理合作</a>");

- e* i' Q. {, ^- _" S8 S

</script >

) c. Y- N" J; ?+ r% D

</td></tr>

5 s8 i5 q5 Q( ?. c l7 x

 

# f! j/ Y- P& g

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

. H' Y) \; U& W, H" w, l y

 

: s1 h& |+ D( t a* H* n

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

; @: o4 y- z; P0 h5 Z( H/ W

</table>

9 c( c, n( n& Z

</layer>

( ?) J- `5 \5 l

<script type="text/javascript">

$ m- @/ @2 f [

//Enter "frombottom" or "fromtop"

3 L: C7 @. D/ t' [9 e

var verticalpos="frombottom"

5 j7 {9 S5 R. }' n8 E

if (!document.layers)

# h' e0 B/ V. Q9 ]

document.write('</div>')

# u8 N3 O5 j& U9 @

function JSFX_FloatTopDiv()

! e5 ]8 l, ^' W d- |4 C7 O1 |

{

% u4 r6 q7 c7 f0 O9 t% K4 O

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

, O B% w% w$ k# D1 {

       var startX =3,

6 w. Q# O; H9 h

       startY = 250;

+ [6 t# H! c& p

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

6 i7 Q$ u6 ^! t3 B

       var d = document;

0 |3 r9 m4 Q P& h

       function ml(id)

( k9 \" e- i6 J/ [& a) B. V( ~

       {

! e3 T* V* B" B1 C+ f1 t/ l3 Y

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

+ {/ e% w( I" ]% i4 f& r) r

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

, ] t( u. o C6 T3 U; x9 Y

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

- c/ ]$ ]5 ]" |4 P% E. E" W

              el.x = startX;

% S6 Z' O/ M( H% r# Q

              if (verticalpos=="fromtop")

0 i* c) c7 W5 \) z

              el.y = startY;

1 l3 r3 f" r6 o# j: Z8 y- R( d

              else{

6 m. X: v: E8 N# a$ ]

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

& z5 M- R' c$ o$ l$ n

              el.y -= startY;

% P! {. ^, F% A @* u5 }! Q: J

              }

* ?/ G: j% B1 D* F7 K2 K

              return el;

4 {, [ I; h! S) u7 v$ U1 t) d

       }

! |# Y' S5 O4 ?7 h! v% |% i9 d

       window.stayTopLeft=function()

/ I" j; N- ]' [5 h7 m( P

       {

. m" \7 V* m9 d

              if (verticalpos=="fromtop"){

; [, w" F! ]/ M# S5 ~- ?" G% Q

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

2 t/ p, q& X& e5 s! B- k; o- D

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

. Z% I4 w" o5 U+ d6 I, c W

              }

( g; I6 `" ~& w; t# \5 J0 T9 t

              else{

) z1 {" X% P' l$ K

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

; Z2 \. @/ N7 i9 k* y2 i/ x A

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

3 _1 B4 {3 {5 T

              }

$ o! f) @ S' S8 f

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

% K1 b; i4 P! u5 {8 @3 Y) Z3 z7 Z

              setTimeout("stayTopLeft()", 10);

! y) @& U$ k& g: N1 I

       }

7 m# \$ q- j! \% X" H( @/ \

       ftlObj = ml("divStayTopLeft");

6 K- A) b N+ z) ?6 c \: @+ R

       stayTopLeft();

6 S9 _9 N. Z/ m8 J

}

* ]% N; y4 R: X

JSFX_FloatTopDiv();

) i" O. T9 O+ q/ R5 y/ \1 w7 f

</script>

" L5 i: w& X! ?% a

</html>

3 u" L- }9 A) s4 z9 P! V

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

. A( g8 A* e9 w& B: U, i

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

, _* o' d5 G" C3 T) ]0 j1 |) l

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

, J5 z$ H( U! ^

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

" I' I# z; T. v- \

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

2 q+ M0 Y% J* ^8 R+ F* @

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

- u" t+ ~+ I, C: S

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

& S8 @* U! J0 y( R4 U! Z8 ] }& c

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

回复

使用道具 举报

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

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

! ?9 y% Q: v" z; g4 D, M

 

(2.88 KB, 下载次数: 2)
% t$ w, r7 _8 V# `% s( Z" Q' z
[此贴子已经被作者于2010-4-14 11:17:07编辑过]
! J4 L4 @6 `% ]
您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

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

虾皮社区,成立十年了!

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

Copyright © 2007-2019 xp6.org Powered by Discuz

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