搜索
查看: 29938|回复: 1

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

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

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

3 |/ c' W! ^6 r5 b) O0 {2 {) r, x

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

) O/ H5 Z" h4 Z5 G( }& l, k5 I

第二步:按橙色说明修改

$ o: K5 P' k6 i

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

+ j! W& l( P- B- B6 ~

<html>

2 j; }8 D! j9 }/ ]" Q) I

<head>

' G! ~- d5 G) x; S. E6 q

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

* o/ h5 V" L1 N( `! M

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

- s) j9 R# Y7 h* B& `

</head>

9 n! b0 P* _' `! \

<script>

6 M3 d7 {7 f1 M8 O/ _

var online= new Array();

$ X& L& d1 H+ l6 r

if (!document.layers)

$ z3 A3 `9 s% \3 h7 |

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

% ]. N& W. Q+ h5 q

</script>

7 f/ U5 E' Y2 s+ s! ~

<layer id="divStayTopLeft">

3 i, b, X" O2 W* i

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

0 V, Q4 p6 m4 {6 i% ^: o; _7 X8 h

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

+ |2 s9 p0 P x O, X/ k) ~

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

; s8 j3 Q* w3 l9 _1 g+ c' a V

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

- \1 f" A/ r) C6 X: u8 h/ i8 ^' p

 

; t+ I( X' p1 V) M0 {

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

$ ]8 b0 _7 _, A9 o4 `

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

5 U9 P- j, ]# \. Y) F2 u

<script>

" O+ o1 C6 q& D: F

if (online[0]==0)

6 D, V) ]4 @& }' z

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

3 @7 w$ Z) P. Q# M# V1 f6 Z& W

else

' x+ d3 C: ]. e* O$ A$ }1 z

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

" W* G1 x* f* `/ C$ K+ D! \* H

</script >

5 ?+ o5 C- t8 A1 b

</td></tr>

, ^. d( W: W+ m7 P6 d; ~1 _% m2 ?

 

/ G# C: L2 H7 R, v: ~ m8 R9 C

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

/ Z; z* i/ \; T/ |: |& C, E8 G

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

, v- T: f$ V; e

<script>

( s6 |8 e$ l* R% c! R+ n* t/ g

if (online[1]==0)

' S; J( h5 F. T$ H2 @

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

4 i& l$ ]: D/ L+ B! t% H

else

% a/ A: ^- m+ G/ y7 L: R, [

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

) _; a8 Z" R- k- ]8 ]1 l

</script >

8 D! g4 y% J$ m" w' |

</td></tr>

+ _' v8 v6 U8 _

 

5 a/ b3 t& y9 p9 l# i

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

- ^5 Z3 _! p. X0 O9 }. v9 C

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

+ [4 K& D5 q+ v8 W8 R5 @/ F

<script>

( k0 r; `) ~- h1 ]) m

if (online[2]==0)

- l" }4 B {7 F8 w# d

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

# C' Y3 `1 h6 Z0 t" i$ z. W9 }

else

5 d9 i* P0 V, 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>");

# A: r1 ~4 `5 q4 W7 _

</script >

' c6 m- _; ^$ y6 t

</td></tr>

3 q1 M& \) N# s. l

 

& J0 M, E4 e% m& k# y m& r

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

' h2 _' [: |, ?

 

, b9 h4 P* L- u% ^* x+ Y* z8 ^; s ^

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

' [* v6 Z+ Y* Z8 }/ N, N

</table>

2 X7 n' y; \' ]5 x" Q7 w% k6 ~

</layer>

1 i1 _3 L0 ?- m" @0 k7 L" O

<script type="text/javascript">

O" G% O* }) {- e3 F' G

//Enter "frombottom" or "fromtop"

x- w% N4 P+ b5 c) C8 q

var verticalpos="frombottom"

0 k, {! q! M$ u; U+ O

if (!document.layers)

) e9 R! T. j2 o1 a+ r7 W4 ?8 O F* _& k

document.write('</div>')

- F4 H9 E/ Y) q: j9 B$ E" G% b

function JSFX_FloatTopDiv()

" J* b: H& ~2 w2 g1 n4 o. F

{

/ A3 p+ q [# A2 [; E; ^: H0 |4 \

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

- u F- @2 m9 p; [

       var startX =3,

; p- m5 V0 j. V5 O# c. E

       startY = 250;

/ Q% L( |/ W+ d: ^8 d% T

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

- J9 I& Y2 @" }3 ~! R

       var d = document;

3 i5 x# |" z+ W5 z) w4 |& l

       function ml(id)

6 \; l3 E& h2 v/ y3 {! |

       {

! d. v4 P$ o3 |2 S

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

) k" K9 X! y+ O4 U, E

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

4 _ {/ Q5 ^+ {# B) O

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

* S9 y8 w% e0 }

              el.x = startX;

# \, Q2 I8 p. U( d

              if (verticalpos=="fromtop")

7 H1 d4 H+ Q! i8 Z6 e

              el.y = startY;

6 |7 v- s# g, ]2 U6 M t% a

              else{

. g# r0 Y; z0 _+ T1 k, [( M

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

8 H, Q! {( j9 a. a+ k

              el.y -= startY;

- R. d8 `0 ~7 t+ v* R2 A- [6 m. r

              }

% k: z) J0 O. z: _; j" B2 Y

              return el;

3 y& X* D! \) x# t

       }

! v& D0 m6 G W

       window.stayTopLeft=function()

% ~ m* q! T3 h4 D

       {

# _ B: z" H- o: u. z0 D

              if (verticalpos=="fromtop"){

# [ z) h1 [2 v, @# Z& i

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

+ _5 f/ g8 S; L# e3 w

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

) r5 u0 y# i3 S( X! G

              }

0 M% f, ]) R% b4 h5 ~/ x- k

              else{

' \1 w6 \9 D1 k! t1 k

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

! U& m, c# q0 O/ X' _8 b4 W6 D6 L9 m& O

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

. W, ?' n, `) @1 _; }' w# i) A

              }

" C! }0 n4 f. I; R& e: y6 X: R% s

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

" {9 P4 u% c* g# ^! I. s, Z

              setTimeout("stayTopLeft()", 10);

7 z1 M) j6 b9 F. ?

       }

4 s5 G8 Z$ d$ e6 J0 e2 L

       ftlObj = ml("divStayTopLeft");

* I, E+ y2 c& O

       stayTopLeft();

( V1 l, {+ B8 E/ x R) @: k3 O7 S

}

) E' R" S7 d* C& ^: e" B' O3 [; @2 A% q

JSFX_FloatTopDiv();

' ^2 V# e9 V+ t* H

</script>

' e7 Q7 [+ I0 V ^8 h

</html>

5 H- |8 m- E5 s# @) _& c2 a

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

. y' |/ |+ H8 z6 ?. |) c

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

7 Y$ S9 |' M# W" e$ F* a

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

& w9 N9 Q [2 b% F( T7 x; N

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

: q5 ^) A c% K- H" w' l

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

! ^6 @* ~' ]2 O# U3 [* |

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

- @8 k2 _! w1 {: e% D5 X

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

3 a8 J, I1 \. ^( M& j; F- Q6 p3 ]: P

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

回复

使用道具 举报

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

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

; |5 c. s2 D- E- O

 

(2.88 KB, 下载次数: 2)
7 m: }: ~( K0 d8 I8 a
[此贴子已经被作者于2010-4-14 11:17:07编辑过]
( i( x& D) Z6 A) K" R6 k7 p& Z
您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

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

虾皮社区,成立十年了!

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

Copyright © 2007-2019 xp6.org Powered by Discuz

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