搜索
查看: 29921|回复: 1

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

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

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

3 D9 _$ `* X. I; {9 w

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

, ^- f8 b" [$ `& [7 T1 S; {# i

第二步:按橙色说明修改

- [+ y$ |' k: A0 W

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

( v2 Y( P6 E; q' H( I$ F

<html>

& [* t3 i K. ]# z$ k: J1 z

<head>

3 W! _$ o2 p: V! p

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

; R* `; n1 N+ e! F9 _

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

( I5 f7 r4 ^ S4 k I! R3 m

</head>

+ [% [6 j% O! H5 s) J6 J

<script>

% g* J3 }, r# p+ x+ H

var online= new Array();

5 Q7 F, }1 G$ t8 G$ [+ b

if (!document.layers)

: G* T' f8 Z8 N

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

. s5 @3 m6 U. G. x: o& {, q* d! {

</script>

u e+ M$ @% _

<layer id="divStayTopLeft">

/ Y# r3 V8 j t6 r, e, y& p

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

+ t) ]4 y( r8 J1 O/ A) g4 g$ K. [9 h

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

" @% ^6 |4 o l5 i

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

2 i% c+ S) x8 D6 F* \

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

( W+ [2 H2 H% Y

 

7 d P7 g8 n6 v: B' f/ {" Q

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

6 l" V9 W8 ^5 y/ F; F

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

7 h1 V: h/ @4 S9 u' M

<script>

, x1 A( D; R. Z3 z4 T

if (online[0]==0)

% a7 q0 @ o0 R& H2 r

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

, @+ ?0 d5 D9 t0 w5 g3 ?+ q

else

3 f' T: `0 R1 {1 A G. P) w) 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>");

, e+ T3 c# L, J- N

</script >

7 Y3 a: I. [: f. ?0 U

</td></tr>

% O( W( T+ @( q. b/ E3 {9 C6 ?

 

& {6 A. ] F8 v& g5 u

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

$ u! f: E3 R2 [7 f0 O) R

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

/ t% `( C% s" g9 S) M

<script>

1 `' v# S, l5 x3 T7 n

if (online[1]==0)

9 i2 ]* ?/ r3 I+ n

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

* P6 H! t2 t) q) o

else

7 U c' Z7 r& k) S# Q( g4 V$ X

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

% F* V4 g. Q( f! U* B. d7 u }8 d* i

</script >

, O9 w* I+ ^7 ]

</td></tr>

& K, w3 Q- I1 @0 t& D5 P

 

( u6 j* M: @- B) x1 |

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

7 c h7 r. Z* q

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

, O' \& F* i0 h2 d) G- I0 h6 i

<script>

- l! `6 q6 N6 s8 P

if (online[2]==0)

. e7 W! n! q4 t9 \7 _

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

5 |6 J9 R3 \$ G! @: U9 d E1 d% A+ r+ A

else

, \- g3 B \. P3 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=240434782&Site=在线咨询&Menu=no' title='在线即时交谈'>代理合作</a>");

n: ^- d. c# H- u: o" n: V

</script >

$ J3 \& h% x* i6 t: T

</td></tr>

; ~) t) l' y) T% P

 

& ]: P- [( O3 \6 n! ^ V

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

) O) X8 C3 H+ D1 y$ W, o1 U

 

0 H& q+ t% c* W3 P9 C) ~) R5 l" `

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

) B( e5 D$ n; o4 U( Q

</table>

0 o) B* O: R) {* m3 c1 w

</layer>

. u0 m& h) P, `3 k o4 u

<script type="text/javascript">

; e, ^ k& H# @. I9 I% `* S( R; X/ [

//Enter "frombottom" or "fromtop"

& K, F* U% S& A+ v

var verticalpos="frombottom"

! \2 P% f; Z% r) S

if (!document.layers)

" C* N3 H# q6 {/ T) ]4 O3 z6 E

document.write('</div>')

: N; d' v+ i+ K) a# U) F2 S

function JSFX_FloatTopDiv()

# s; R3 A% e/ s- V5 E: k8 r

{

( b: F. m* o2 V- Y* O- w5 }) ]

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

( `3 S3 z& @3 J

       var startX =3,

7 X1 M* A) Y8 T# ]* {6 A0 {- s

       startY = 250;

0 d+ t8 _1 ~ s$ n

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

1 d+ u( L% p! |# w

       var d = document;

) H5 _" m+ T3 i ?8 r. G$ M) r( h

       function ml(id)

9 V6 F' a& ^0 [- b

       {

$ q5 [9 _* G; x6 w

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

B& E) s$ w4 S- X

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

8 v! ]' U4 ?5 e# a% t) | P5 |/ e

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

; x" ]7 C0 I* i3 X# F- S4 l

              el.x = startX;

, `# X _! }+ g! e- H1 z

              if (verticalpos=="fromtop")

2 X6 w1 H) d7 F4 e

              el.y = startY;

+ h5 [8 i; K& f) A" e5 C

              else{

' A1 u7 g% z$ u" m2 O% f! X

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

/ ~; M5 U; i) c6 J, `- R

              el.y -= startY;

% x1 b F5 o0 o( \5 P" ~: ?) ~

              }

5 K. c( `0 v- x4 {& L% |6 l

              return el;

! `# C+ g% C8 v- c# ^, M

       }

+ u4 r* M4 v0 a* n) i4 _+ K4 q5 F

       window.stayTopLeft=function()

! `# H( w& u$ b9 w1 _& x" ^' I& }

       {

. ~& s; c$ \* _( Y4 l" _

              if (verticalpos=="fromtop"){

: z9 h* J8 y) O8 ~" O

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

' J" m) ]0 r' M

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

! D9 }6 x+ l: N3 e5 S# J' g

              }

. j. G3 b) i& j& L& b) s. V. A: D

              else{

( t# z+ ]" L5 g

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

/ }' N @$ K7 s& [( _3 f9 U

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

7 F y* v8 v* `) w& D* I

              }

, I) Z9 x v5 `" g

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

. d8 j' k( x2 f* `! P# D

              setTimeout("stayTopLeft()", 10);

- B0 p& w$ V2 d

       }

& W2 t* {9 F2 m& Z2 m! K3 A6 N

       ftlObj = ml("divStayTopLeft");

* ^5 \! e* r ^. M! j& x' F2 g5 b

       stayTopLeft();

1 q. {! H* i1 y% M- j9 J

}

6 F6 \- U6 s9 |$ H- [' M! \

JSFX_FloatTopDiv();

/ h" ?: g% `' e! m4 t( D* u9 }& x- n( ~

</script>

+ s! y# Z3 e7 j& k

</html>

1 j$ |) O) C* B4 x1 b0 R: N

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

8 i1 g- a* u3 M' R* p$ o$ B

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

+ m" O- p% B1 k+ M3 q

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

+ d( O& r( i. P0 N7 E

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

_1 H C8 c2 k$ q! z

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

1 w y1 w# V) n, w

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

! C# s, X+ X Z; G$ @

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

( M3 O( K6 F+ H0 R8 l

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

回复

使用道具 举报

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

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

: |$ x; G* L5 h+ c

 

(2.88 KB, 下载次数: 2)
* N9 S9 [' @- v* o; \
[此贴子已经被作者于2010-4-14 11:17:07编辑过]
4 D8 Q1 v: n c! }) v
您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

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

虾皮社区,成立十年了!

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

Copyright © 2007-2019 xp6.org Powered by Discuz

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