搜索
查看: 29923|回复: 1

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

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

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

1 ]- r, z- V& D7 c9 S

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

5 t6 a+ }8 E# t" f

第二步:按橙色说明修改

. _) q2 b/ v7 C" h9 l1 S5 i

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

: \# D* V/ \. q0 R4 z' O# r2 d

<html>

6 F* e8 C+ z: u+ y

<head>

! t5 Q: M8 Y& B0 N: U0 R+ ~

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

$ M" j, d' t4 v0 u1 U

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

; X; S0 U0 u6 j0 y4 I& I4 g2 s

</head>

. K& i6 N$ G0 n+ A u9 g% F' j3 }3 }

<script>

$ J5 i$ q! B' R& D# Q

var online= new Array();

% n6 F9 f3 J* u2 c5 R8 S2 K& _) U0 F

if (!document.layers)

: \" d: |$ B! R! g& h9 z, {' N8 y

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

" E+ V( M- f: @! ] i% g; h6 g

</script>

9 u+ A' K$ F& v: @5 A4 S

<layer id="divStayTopLeft">

\/ C v2 V! B( O# t0 U9 @, X/ |

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

! h9 x& w8 T* c9 c) q& U: H

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

- L% c5 I/ p" _2 C' H

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

& w2 ]5 ^0 I1 L3 G: M* g1 D# m6 z8 N

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

" K8 u U# z$ h5 w% {

 

" @# E5 K) k0 I( y5 y: J# i

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

5 f2 a5 F/ [: R1 u* H

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

+ I, _& @) F# r! \2 `+ x W5 V4 m+ G

<script>

% g3 U4 l: |2 W$ k( o

if (online[0]==0)

, s0 Q: N9 m& ?6 N4 T

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

$ ]$ I% v' d; n( D+ p$ P; r

else

$ o( r- j9 [# D5 ~7 @* C: A" l

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

; O3 ~; P1 R& N& [. l0 v/ K9 ?/ h

</script >

8 t: k$ Y& b7 k9 C% B4 n

</td></tr>

3 h3 K$ q8 ]- B/ `9 E

 

7 v3 N: M1 Q* o& t$ B

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

0 Z$ K. U$ \7 Z" v

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

5 C, Y" f/ a# h

<script>

( P* [% L: A3 J$ j

if (online[1]==0)

! l9 o: w7 U- a# p; R: L

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

- D5 e3 t) S1 X& {

else

. S# [6 ?' s+ s8 g' n1 o

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

8 ^9 \# `1 J' ?8 {

</script >

) h5 D+ d; E8 g0 ~0 p

</td></tr>

: a( m7 P5 s% v

 

9 R( \" v3 a6 X4 A' Z) c. C

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

2 z% G6 T- W) W% K8 q9 R

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

. y& X) e" b1 a) q

<script>

/ B/ y/ p/ L# h' k) A/ O2 L# y& {

if (online[2]==0)

6 d3 l! z+ v+ S; A+ e: U

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

) v2 p5 ]$ a: Q. |6 _6 T

else

5 e# Y; t, f* q- }* ~

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

3 R3 i S, f/ i z$ F; ^3 V

</script >

; U7 F) Y( J. E! o" T) d$ o

</td></tr>

2 p# \- k+ |% ~, z" Z

 

, t; T X/ {% a. E+ |' c4 P

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

1 Y/ u+ Y6 B9 t+ k2 F! K8 b: F

 

: z6 U9 `/ P4 y# S5 Y

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

1 e8 r6 s9 X( F* n& U. h' [" h2 v

</table>

$ i, Y" a) D1 ?6 Q( e

</layer>

# h+ c$ |3 Z. s

<script type="text/javascript">

' h* {& |) O c# i/ w& }2 J) c

//Enter "frombottom" or "fromtop"

: l2 G& t, `7 t: u; l$ R

var verticalpos="frombottom"

- s. Z9 a2 S+ I! F$ T+ v

if (!document.layers)

& F2 P+ z1 H: g$ s: D2 @& j

document.write('</div>')

( x3 s, I& k; k: L( [; A3 ]

function JSFX_FloatTopDiv()

% U. T3 Q5 g3 x9 {

{

. m$ M0 y I" T+ E! g* Q

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

; k1 x# P1 V& M0 M# Z+ r/ Y

       var startX =3,

5 A. J9 c; W" l( d7 J m

       startY = 250;

) \/ G1 b1 n, o x. ~

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

4 T8 A: n* N/ S/ g6 Q5 B

       var d = document;

- V" c6 Z3 [7 o# O( a$ H7 |3 y6 f& d

       function ml(id)

1 n1 R% X* y6 L4 u; y

       {

; A: s w# {2 \3 r

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

( {! H; a" x, d/ V0 H

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

6 N3 {& B" s8 \! Z5 Z

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

U, j0 g! L& |- \' v

              el.x = startX;

' b) d; t6 L8 k( Y- d

              if (verticalpos=="fromtop")

, {) `& G1 W' q7 x3 N

              el.y = startY;

8 M4 Z, t; S7 E% c4 [6 y

              else{

) a, I) X+ Q+ q& H2 x/ v

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

# ]) I9 t% }. q3 R! T

              el.y -= startY;

, \5 [9 V: D3 Q. h

              }

- s Q3 X% d& L$ k9 w

              return el;

p/ j M5 ^+ s8 v$ _0 N

       }

+ s( K2 v1 N9 [8 E5 }5 z4 G6 }; ?

       window.stayTopLeft=function()

) w* @% v1 v! n, J

       {

# @; }1 H4 P" M4 ?

              if (verticalpos=="fromtop"){

0 b' y6 P6 t) T1 Q8 X" I

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

1 K3 P4 H1 C a- Y( e/ A7 |9 q

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

5 _) k" h7 ]3 f6 @7 t7 i% k6 p

              }

7 M- I4 e4 z9 k. e. ^9 t) O L

              else{

" O: U! U: j- Z+ c: m$ U, k

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

; q5 w) [) g5 r3 r

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

# Y# v v6 H2 V, Z

              }

: ~' K& X( @ a$ G, h! t

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

a0 l! V* a8 f' F) H6 [

              setTimeout("stayTopLeft()", 10);

! {& _! X Y0 w6 r

       }

% _) C2 V6 }5 p7 S8 m+ y+ K8 q. {1 m

       ftlObj = ml("divStayTopLeft");

, Y9 r* U# ]' I- U7 \4 d

       stayTopLeft();

( {" z; z2 \2 a8 e7 D8 ~

}

8 P$ M8 _% a: e& b0 O+ z

JSFX_FloatTopDiv();

2 `6 v8 Q/ {2 M/ _

</script>

. z( i8 X5 x) {

</html>

* A$ P2 A: a1 x5 ?8 s

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

, I; ?1 A F5 x( g

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

: u7 }+ c$ w9 M* w3 D0 D

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

- U% ^7 f, T1 G% X& @$ b

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

' ?& L5 f0 w# m

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

' v& y( j* I' U

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

. p' {1 a$ e# s1 W9 ?7 q" l

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

- T g! i- H& M; Z

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

回复

使用道具 举报

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

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

# e C7 R+ H3 ^ \8 k/ i% Q6 W

 

(2.88 KB, 下载次数: 2)
9 S& U2 E1 Y: R7 J
[此贴子已经被作者于2010-4-14 11:17:07编辑过]
3 Z1 d5 t i$ S' ~; E2 W- F
您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

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

虾皮社区,成立十年了!

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

Copyright © 2007-2019 xp6.org Powered by Discuz

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