搜索
查看: 30043|回复: 1

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

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

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

- h9 L& y2 n, V* W; T! X) I" x( J

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

' G0 x# Q# o( F! S

第二步:按橙色说明修改

h' a$ ]3 l9 a( e/ O1 A

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

" z: Y8 I# T4 y0 e" J' _

<html>

! _. b/ r# [3 ~. @. Z. y# C( M

<head>

! q# ^7 ^* V# }' R: P7 {

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

# |/ e# _. r% t9 ^. ?

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

* B5 g* `- n' Y; z' B# a9 @

</head>

& K; @) k4 B# v6 W! U ^9 g v

<script>

1 @; c( `, Q3 x; D

var online= new Array();

# w5 [2 q0 N# _9 n/ v* ]

if (!document.layers)

5 Q& {! X& b! \% X$ l4 M' N# V

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

# z* p3 _) B# Q; Y8 E3 |5 A

</script>

# a! }& n' K. I* C

<layer id="divStayTopLeft">

; a( Y6 h2 ?* @1 F: L- ~( b

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

! z/ T$ f' c( r$ q/ B9 g7 O

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

2 f$ i h0 G: R$ Y: h) L* d7 m& c

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

$ e* T$ O" l2 E: N. A- g

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

. n9 n/ i# D0 K- F' c

 

- t$ y0 f5 y7 o

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

% T9 E' |4 V" V( W' _5 e

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

: }: o$ f% u0 P# I, V

<script>

; T# k1 U4 l( ]9 ~" x. p

if (online[0]==0)

* a0 Y& a( e5 ] o4 W$ c9 Q

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

: _ v* }4 Y/ G- o% c

else

1 N" W& `* A; d6 @5 B2 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=27089965&Site=在线咨询&Menu=no' title='在线即时交谈'>售前咨询</a>");

# f. r. h4 Y. y% ~1 y, T

</script >

' ~ D/ Q8 e* Q R! a9 y% L2 a6 O2 `

</td></tr>

9 D" i+ F/ {4 V- w

 

4 v9 |. }5 ~; R% ]

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

' b, ]( R6 J+ O5 F- ^% c$ a

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

; X, H! ^: d2 F( P8 o

<script>

- m( ]$ |# m2 S8 c$ }) C$ @; H

if (online[1]==0)

) Z+ Q$ z) U# {0 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=27043921&Site=在线咨询&Menu=no' title='客服不在线,请留言'>技术支持</a>");

- n0 v- U5 D5 x, t3 o6 D4 U' G

else

' \; V5 E, a$ Q3 q# O! R) b

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

. ]7 l% Q$ u4 o- a9 e

</script >

0 k/ V) D4 M0 }5 L! s$ W# `

</td></tr>

. O1 s& h" y4 t% N# r4 N- |

 

/ P. R. j0 j* ^2 S9 I& S

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

9 A9 u9 {7 Q* O4 t" b. G6 D

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

/ V: Z9 p) h0 S# I/ X' v

<script>

/ J" E9 v% ?% g6 r. |6 C* l3 T

if (online[2]==0)

8 r( ?1 K+ e" W+ C Y1 ~" 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=240434782&Site=在线咨询&Menu=no' title='客服不在线,请留言'>代理合作</a>");

2 r6 J* _2 D) v. b; v: i

else

: L1 m4 k7 R. x4 R7 d V: D8 o* 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=240434782&Site=在线咨询&Menu=no' title='在线即时交谈'>代理合作</a>");

( x: S9 h! n0 E2 i6 `2 X0 |

</script >

! A& I( o) k P0 A2 F

</td></tr>

. v* u: `( I K4 B+ A3 e6 J9 `

 

/ C2 D) x& ]) H Y8 X- a7 K3 T

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

' h& @( r6 X) g& m

 

% ]! `& X9 l1 _0 [) z Z! Y; s

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

: O2 V* w/ \4 W, j1 ^; S8 U% L

</table>

|3 K7 D! ]# S5 b! O* X3 e

</layer>

& p) T7 Z% O6 y+ ?% {

<script type="text/javascript">

; Q# w8 t& _+ c/ Z4 ^: b; [# w

//Enter "frombottom" or "fromtop"

9 o6 Z! B! o- S& W

var verticalpos="frombottom"

% ^0 ~+ b [; m; z, v _9 u0 l+ K

if (!document.layers)

$ x3 i' a: T z

document.write('</div>')

- f/ @* Q4 O; g1 p9 {

function JSFX_FloatTopDiv()

1 ?. b8 y9 y8 J' n

{

+ c/ m t' j. i3 ]- R

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

$ _* B' S6 X% w' L# ^/ O4 P( X! ]

       var startX =3,

. W5 p) U+ N5 ]- l( ^

       startY = 250;

& N9 U7 Z- z1 Z/ G, b

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

" f; ^" E6 v& i4 q8 t) Y+ B

       var d = document;

6 B1 l3 n" w% o9 X( Q0 N

       function ml(id)

! z. D7 ?; Y( M6 }0 N

       {

. |% u* J: m+ v

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

5 l: w E" J# Z( t+ }

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

" q6 g; n. ?9 m7 d

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

2 g4 ?( _, H) q" y4 Q; k

              el.x = startX;

5 \( e7 v0 c6 i$ g

              if (verticalpos=="fromtop")

U5 r. v, d; q6 Q* l3 K' a

              el.y = startY;

. V' b% P+ P y/ j4 E$ t

              else{

* K0 H! t% d/ {" w' J/ X

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

- O- T3 k! T w k1 o9 x6 n2 @

              el.y -= startY;

3 k+ I! U" T3 a

              }

$ k* \5 ` ~6 A+ b

              return el;

: Y+ L5 {8 o$ R) E2 n

       }

+ F& T5 t) `- W, r- |! n1 U; a

       window.stayTopLeft=function()

+ O6 B3 M z2 Z2 }" r- I

       {

- }5 h; f9 ^ @# l1 s' u2 j+ D1 t; |

              if (verticalpos=="fromtop"){

- V" f9 m! _( D4 m

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

( G5 H8 P# t1 Y- O4 D; t/ Y1 v

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

+ a9 N: G0 W, H+ S) z

              }

) [! C9 E9 n2 X. t/ {( k% I

              else{

. [! D! {: U+ Z5 _* v N

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

% f0 ?! ?+ s4 p b B6 J* V9 ~% s2 o

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

5 k( r; n& C- |4 _

              }

, r) A8 d+ ]; f' U

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

. v# c0 K+ Q1 Z

              setTimeout("stayTopLeft()", 10);

{+ ^# K# s. b& U, I0 r3 \

       }

; ], ~. ^$ z& T+ h! r

       ftlObj = ml("divStayTopLeft");

* x9 l8 a% m9 x: F

       stayTopLeft();

- D! ?' ^3 H' `" A# j

}

& z' O; o5 e" G2 d

JSFX_FloatTopDiv();

' g& j* _" v3 n: q

</script>

) e! V! q+ x6 x0 Y7 ~

</html>

- z6 o/ ]2 m+ n3 G

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

2 M w0 y/ N: x. [: f

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

: W- g( P0 ^; E8 E/ h

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

0 j( u; t' i3 ?) I# Y

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

- X" s( A! J* t

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

" l \5 @$ w4 H8 K3 y

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

4 J7 R, a D% m( D

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

$ s7 S; m; I) N1 ?0 ^

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

回复

使用道具 举报

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

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

0 t1 t( C8 I: Q$ w1 Q$ ~. o7 F

 

(2.88 KB, 下载次数: 2)
$ j% q5 f3 y( p0 e# ^3 B
[此贴子已经被作者于2010-4-14 11:17:07编辑过]
8 \4 A6 h2 I0 t1 l
您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

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

虾皮社区,成立十年了!

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

Copyright © 2007-2019 xp6.org Powered by Discuz

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