搜索
查看: 30039|回复: 1

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

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

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

. X C# v5 M6 l3 L# u; l6 n. C7 {

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

7 _2 C( r8 j/ k$ t$ T. e

第二步:按橙色说明修改

7 {% o& z) D, K

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

3 w% u7 `" v0 \8 ?4 @$ q

<html>

; H* z: `+ \( ^: Q& J

<head>

: s% F3 d7 T" z# u }, G

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

: D! p- i+ }! v6 R! z/ S7 u

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

" h) @! R$ N; T5 [

</head>

) \% ?; B3 {% a$ Q

<script>

* _. K0 ~' y8 K4 N/ G/ u1 C, N5 X

var online= new Array();

2 s% o: c R# n l, L* Y

if (!document.layers)

' A( R8 V$ b4 b7 ~7 a$ q

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

$ [0 F. p3 c; h3 ~/ n9 O

</script>

$ d; G, I$ R1 r/ D/ X: O5 e

<layer id="divStayTopLeft">

- [8 H4 {/ p/ [3 L5 j- Q

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

! r. \& n3 }$ g, K0 k

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

3 b, C5 U, f& d8 b8 q

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

. V: _6 y4 s/ e0 e9 e2 Z

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

" b+ j5 k+ a& ~, s& e3 Z H

 

& U# T2 G! e" |3 O% B

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

! W: ^8 U0 X1 z6 I& {2 i' T z! a. I

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

4 H8 M8 s8 F9 B0 \

<script>

- H& n) F3 v% S

if (online[0]==0)

5 W& G' r, @7 c! ~) @; @9 V6 D, 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>");

% G5 Z3 [( t& a$ o8 I9 Q' Y

else

9 t7 ]# t% S' J4 a+ R, @: m- }

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

6 c1 l3 T) U( w2 F8 C- t

</script >

+ x- _/ a9 {0 [+ r. Y

</td></tr>

2 D, r: @" h9 v W& @: C8 T$ B0 i

 

$ S2 V+ q9 T# s" S- @6 n

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

4 w, j/ h3 s4 C

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

' z0 {, B0 l8 v4 V0 W

<script>

4 Y: p* p1 H+ D @' _+ k

if (online[1]==0)

" p1 ^7 W2 ?, @& 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=27043921&Site=在线咨询&Menu=no' title='客服不在线,请留言'>技术支持</a>");

8 K- i) p& w# Q$ k5 y# m

else

+ x ]& B+ O+ z' M, V; t( |

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

- \, _: |! I/ {! e! I

</script >

: F$ B, v+ U2 v# Z% {

</td></tr>

1 n: k* z6 l. y4 i. d$ D9 j

 

1 [% M: K1 n4 z @

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

( N4 o# u$ i2 y, m+ j

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

" s4 T; E0 V% [/ }- E1 J9 e

<script>

3 H: e3 S- v- D! V' |" E

if (online[2]==0)

: C& w* i3 _/ s! I+ h

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

' V3 R- U) ?. L

else

8 e0 S( s5 e# e% O. S3 S0 V5 I9 U

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

8 k" J9 i+ A( p1 ~/ `2 O

</script >

" f9 r6 V( o! ~! A8 E m

</td></tr>

4 z" o2 t2 }- @0 v, \

 

% F \3 [: N( T4 O8 b1 [

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

/ p0 I7 \7 B" O# i# r/ d9 K+ k" o! s

 

: K! ?7 r F4 v: Q; k6 q; y4 \) z

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

% }* N; P( t7 G

</table>

' K. f" A& [- S4 E9 x2 g

</layer>

4 Q% a$ m) i# s% s: u3 x0 w

<script type="text/javascript">

( P9 }6 r& p9 u. m* [! j1 J# A

//Enter "frombottom" or "fromtop"

+ G3 u: J* |+ r& R0 g

var verticalpos="frombottom"

* L0 |1 Q c5 [& Y6 C

if (!document.layers)

9 ]; O5 I8 s6 ?" Q/ |9 P

document.write('</div>')

6 G( I6 u8 F9 w" f

function JSFX_FloatTopDiv()

/ {7 Z/ Z* l5 _+ a- |

{

. e. A* G) v$ F, x; X+ w% g7 J4 P

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

1 B4 Y* V' Y a- b8 I" h

       var startX =3,

/ Y) b( }! H7 H: A0 K. s! M' w

       startY = 250;

+ M& Y- d! h! ^+ \& P' {) ?7 ?

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

, e! ]% Q9 W: k- X

       var d = document;

8 {# @9 I7 P0 f2 Y7 M& c0 ^

       function ml(id)

& N' o( }0 ?3 m& q: O

       {

! a3 d! s- N$ O" K; `4 o9 |! {* W

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

8 Z6 j7 @; h1 q

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

! k3 F# g; ^% Q# N% Y: p* ~

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

3 ^3 u) Q* T" q2 C9 T2 q

              el.x = startX;

2 R2 Y, y' ~" ]

              if (verticalpos=="fromtop")

# o4 l- Q/ M' Q2 m* E. T7 v

              el.y = startY;

/ {; u& a- m9 L. P: @) o

              else{

) E5 H+ o# ]0 ]9 a) ]/ S( p

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

) W) B; d2 L! h7 s1 p# D7 j

              el.y -= startY;

" b8 Y5 g9 P" e: K5 _

              }

, z3 X: t0 e+ E' ~

              return el;

* J5 I& v% K" V7 M" B N$ c2 t

       }

9 {: N8 y& \) i% x4 f

       window.stayTopLeft=function()

4 s+ E9 Y8 A! b0 y7 n' K8 J

       {

' T. i, d+ z4 G

              if (verticalpos=="fromtop"){

/ Q" V2 d6 W7 E. Q& q7 {6 v2 n

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

0 u3 i+ b7 |! D9 A9 k

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

; X* x( v! D/ X, W. i! q

              }

2 \6 V/ ^$ n w

              else{

* X p" g2 v7 a' N/ ^ o" l

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

# X6 o& C9 B% {0 A/ A

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

2 L3 p b# C4 q$ i0 U3 b: p8 k+ U

              }

( J2 h) C9 M8 O+ w7 b

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

9 k/ Q7 \* X) b1 }1 a/ D6 Q5 s, x

              setTimeout("stayTopLeft()", 10);

1 G# n& H0 z1 Y% s( y6 W

       }

2 v$ ^' Z5 w1 E5 w1 ^1 Z

       ftlObj = ml("divStayTopLeft");

* z, Z% j/ A# e$ ?# L( m/ v% r) {9 P

       stayTopLeft();

# x: N( M; C0 z$ W; b

}

6 b4 S+ y; x3 }

JSFX_FloatTopDiv();

) Y2 o# k4 ?% {! j- ?- ~, G

</script>

( R1 Y8 _% F2 k9 F6 O

</html>

% x3 N# a9 y: C' }% `2 w

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

, Y4 m. _0 U3 `! I% G) @" Y

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

1 X+ w: L6 z7 X% Z: i" W; C0 N

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

) H/ P) T0 A% S0 B W" B+ S* h

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

, n# T( p3 i$ N# |$ l' \3 f/ P/ {

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

( E x4 Q5 O! o' ?9 c0 l" W

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

6 P/ m# O! c2 j7 R" e" Z8 w

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

! }3 I$ k2 p- L0 l" ?

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

回复

使用道具 举报

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

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

4 z. a5 ^; i: i# ], o$ l( S& v) c9 E

 

(2.88 KB, 下载次数: 2)
$ f7 Q1 @- H) Y+ h. H
[此贴子已经被作者于2010-4-14 11:17:07编辑过]
E9 |7 I' o2 [: p# c9 }
您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

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

虾皮社区,成立十年了!

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

Copyright © 2007-2019 xp6.org Powered by Discuz

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