搜索
查看: 30040|回复: 1

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

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

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

! W( _# s9 a8 B5 a: |/ h

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

' P0 s8 m- J! ^

第二步:按橙色说明修改

; y8 `' \" a# |; O! G

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

6 u r' |" U/ Z0 ~$ Q) _$ V! N

<html>

6 K9 C4 @$ _; Y( ~: X% d& t

<head>

3 T' A9 v9 K7 z: e$ H+ P# H, `' ^

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

: G; E3 d* m( V9 r; y

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

$ B: V$ m! o* y }5 E

</head>

& [2 n) Z/ \0 P; A' |

<script>

4 ]! W- A! R6 k0 p1 N

var online= new Array();

' x" {5 s, h8 Y- u9 Y

if (!document.layers)

1 _/ A; h* Q" h x; C

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

6 h; \6 X( D2 f" a( u

</script>

7 o" r T9 [$ i1 x# n- b: H

<layer id="divStayTopLeft">

; ~2 k. h6 m2 t

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

; l6 D: `, {- S _) u( n

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

/ L4 P- S) h" V* k$ M( f' V7 E9 a

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

- ?3 f. ]0 L6 `4 f3 x0 Q" O% X

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

3 s! W( G" t4 Y9 u/ v3 r

 

+ C4 ?2 n1 i6 ~9 p

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

* A: }$ j2 C4 a i0 b h* C# q( ^* f# Z

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

# z, J2 {. o8 Q6 {5 K) c

<script>

" u. J/ h( S3 m7 t6 g: d) x

if (online[0]==0)

0 z- B( K7 f( R7 P

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" u* g1 M1 k

else

0 Y5 p# h Q. \, i! M% 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=27089965&Site=在线咨询&Menu=no' title='在线即时交谈'>售前咨询</a>");

# ?8 K* F5 A$ T2 Z5 V5 E( l# O

</script >

% u( R; M% ]( c% s" w

</td></tr>

0 l& W" W% U! ~ r( A

 

6 F: }3 L6 q* O4 U+ r

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

9 h7 J7 c! h7 P" z; q

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

* {0 m T5 |& d& d- J, u! J* S

<script>

+ m* H0 | x: b4 u

if (online[1]==0)

1 W2 y/ l: C) E/ ]& P

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

! t1 u" Y- S! l$ w' O; M9 Y% Y

else

{( p) C8 P( O% Y6 T$ U$ 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>");

- c; G- ^" A0 x( `+ m* k, @, d. B

</script >

# Q8 S" I5 t. O9 v7 ?: r

</td></tr>

+ r( b. P; F- e3 p( D P: |

 

9 t8 _* x( R1 {& V

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

7 r& m" ?# J6 d9 B& \- ?

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

7 B$ V0 B( W6 f- k+ s$ Z; v

<script>

( D% U2 E% L* n! s/ C O

if (online[2]==0)

& e. q$ _( W. }$ l7 R) i8 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>");

' o. l( j8 L% \' K5 \. W

else

: Q/ R" {. N, X9 ~, J' \) _

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

. t$ z' Q; V' ]

</script >

! [! h: g2 G$ o+ D9 A( t

</td></tr>

, [+ K* [% g* @: u6 y

 

, X1 i0 u* M) q+ p6 A- x' e( m1 e% j

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

% ~2 `- h! O+ R4 A. o. C3 l

 

! q/ |& u P5 w5 O2 g

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

/ h. O O5 M: `

</table>

8 M& x4 ~6 O" M: y8 R

</layer>

8 f. s% k4 S2 T, K

<script type="text/javascript">

, h( W0 v+ G m o5 M- B4 I

//Enter "frombottom" or "fromtop"

: _3 m9 V! ~) b9 `* J% H: ~/ h" t( i1 Z

var verticalpos="frombottom"

3 Q6 x* E& E: N! H" v

if (!document.layers)

( D( Q q' M5 S1 f3 e) a

document.write('</div>')

: o( m2 R+ z: t& t" j: V9 _

function JSFX_FloatTopDiv()

# \& u5 l: ? u3 l# f* R* a7 E

{

# o$ ]0 v7 v4 U& e: t* ~

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

" i; S& C! L; K# f+ Z

       var startX =3,

! _7 t4 ^1 p& Y- `8 }1 ?9 G1 c# a

       startY = 250;

* o/ Q, V/ b9 k! B# N2 i# _

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

; ~9 b1 b$ W" D5 A7 j& M. o- @

       var d = document;

) n# @3 @( ?! O* `% D

       function ml(id)

# z, I- ^! j5 \/ k$ k

       {

; _+ [3 v7 X- \+ A5 R0 y' n

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

5 f/ Q. O& B) w8 D

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

/ h2 y$ p" i, e/ b9 l& L, b- _1 `8 W

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

2 R) v6 X$ \$ h% ]

              el.x = startX;

8 I3 c8 b9 I+ Z% x$ Q

              if (verticalpos=="fromtop")

& B/ H! [4 u. ?0 ^

              el.y = startY;

! m e: l, I1 ~

              else{

- P2 S& L0 U7 ^% \1 X

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

1 N9 W4 R0 e4 ?# [6 M! a/ L

              el.y -= startY;

" r: O( m8 o- _% g3 Q- o

              }

6 I; x. a, R; f' ~- R1 h

              return el;

( u5 {# M8 m, f+ S

       }

6 m( L* ~& Q {1 W* x+ W" q

       window.stayTopLeft=function()

0 H5 g- `! A- g& N/ @

       {

4 p8 ^* J7 h- b$ _$ [

              if (verticalpos=="fromtop"){

) c8 y- d5 m8 C

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

: X* X5 l; R9 O( z( B' ^2 c

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

7 u+ O) F5 h; w5 X5 E3 i

              }

, T# T: _- T6 e- I! Y; v( A1 F1 ]2 ~

              else{

' ^" D% n; O" O/ L+ a

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

8 j* q% x W( ~8 [/ }

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

* t3 Z+ e: A% d: K0 H" Y

              }

( I- n3 ]0 G `$ o0 z) q

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

6 P d) k6 n2 y/ n6 |

              setTimeout("stayTopLeft()", 10);

$ i9 Y) Z% W* _( S" E5 U

       }

7 a7 O: O4 b1 z9 j! e; ^

       ftlObj = ml("divStayTopLeft");

% u3 A' |; u$ R% n( Y( J! y

       stayTopLeft();

5 G% r x7 B# l# U( x$ D

}

1 v! {* c* P6 `4 d) _# J: [& j3 b& F

JSFX_FloatTopDiv();

! ]0 V: |9 y' M7 x! S6 I9 P

</script>

/ K ~$ B) I0 i$ G$ F0 o' x

</html>

7 s$ @7 l+ S: Q7 F

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

c% i/ V- W" G: V; m" E

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

: O8 k% W, P u+ A! i- C

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

/ H. M. w" p: e" ?% P5 i. j

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

6 _2 A0 u3 H: ~3 y% l

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

3 h& M0 ]! _# S" ]# g! Z" k: f6 J

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

* u% c- |" X: z. i: Q9 S6 \( q: f

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

1 ]+ p& l2 b9 I& {/ A0 ]$ C2 W

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

回复

使用道具 举报

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

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

' w) s' n4 X; y" E [

 

(2.88 KB, 下载次数: 2)
# k6 c7 A% d0 R4 g3 n/ u/ G
[此贴子已经被作者于2010-4-14 11:17:07编辑过]
8 f7 c! T; x" Z4 P* @, j6 q
您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

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

虾皮社区,成立十年了!

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

Copyright © 2007-2019 xp6.org Powered by Discuz

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