搜索
查看: 25272|回复: 1

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

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

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

6 d3 Z. Q% G) ~) m% D4 [1 V1 U

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

( D9 |" ^3 |/ g, P x

第二步:按橙色说明修改

1 k' O! o5 u- _; k7 x

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

3 v- b# n2 f3 d

<html>

! ?+ ^2 C+ J$ B- e: E6 f' o

<head>

1 j& S% V5 {- m& _' @. Z- U3 {% j( T

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

& e5 \/ h5 D2 h% p4 n

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

2 H% i! J- h& U# p

</head>

- l- O6 I! k7 E2 h: I7 u

<script>

; L; q- W- w; g4 N+ V/ A+ \

var online= new Array();

" [! {" c h- d

if (!document.layers)

: @6 c9 |0 c8 b- O0 P! I/ [

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

5 J" r) m o0 c1 i* X

</script>

5 A( F. z" i6 o, {! {% ?" E

<layer id="divStayTopLeft">

0 J( b9 m Z; R) r- P2 B. G

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

$ S, Y7 }2 k& S! V3 p# y0 ~

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

, q: E6 ^- \0 z" I X6 \* P a2 [

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

" ~/ \$ m, z7 {# D6 v4 H9 t

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

. Z( ?: s3 o0 X: G6 z$ _; r

 

2 F. G* {( T4 T6 d# H

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

! {. z8 o& t* ?0 t8 j$ N

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

) p) P+ A9 {4 n9 Y

<script>

" }8 ^0 N6 X2 A% ?4 `4 j

if (online[0]==0)

% S. g$ C: R2 {+ s

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

& x' T5 Q% s% _1 u7 ?) e& f$ a9 x

else

/ N7 _2 [$ G0 y( 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=27089965&Site=在线咨询&Menu=no' title='在线即时交谈'>售前咨询</a>");

1 w' T' n" Y. g1 c$ m2 J g6 m/ s1 k

</script >

3 D, s6 w6 K3 O) s+ I

</td></tr>

# ?$ G: J7 P" S$ x5 e# a

 

. l) w; L4 G& x3 c |

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

" \. G/ U/ b1 f6 b* u! H1 j' D# H

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

* q$ n" x" {! m1 k; r: u: k

<script>

( W$ E4 }) R p% Y5 j/ p

if (online[1]==0)

' S* P J, d4 u% H

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

. V: Z$ Q* F% T; h6 {3 P: \( i

else

- e& `6 Y5 |2 T 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=27043921&Site=在线咨询&Menu=no' title='在线即时交谈'>技术支持</a>");

% C3 N% @, W3 ~, r6 t' g5 h$ s

</script >

6 E8 M( N+ B; ]- p3 \

</td></tr>

6 s8 T& b- ~& K. V9 F- @( R

 

5 ~) c }4 L5 ^% K' m

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

& W9 [# P$ ~: G% y' f( [" I3 x

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

0 f, ^( ~) n5 M1 r m/ O

<script>

" i! _. A5 m/ g: k% g% O

if (online[2]==0)

9 R4 R0 x1 d; O4 }5 V

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

' B' Y# E0 i% [* B; y) J' [5 ~

else

8 h! f- M% [; N& K; s0 m% G

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

1 e7 `; T$ G. h+ B4 W9 s

</script >

+ L3 ]0 ]; w; X }

</td></tr>

# |: ] v; d d+ n* G

 

% D0 A) e- J6 }4 g* ]

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

) B7 w2 |5 p* b) ]6 u& K

 

6 w5 V: J1 h" \8 V* D6 @; M! X

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

8 H R) P5 f6 K' \. ~

</table>

3 D9 d& W0 T' W

</layer>

* [ w0 M, f1 s5 X* A* K) o5 D7 W

<script type="text/javascript">

' U1 L$ i7 u4 t1 G, I% \1 d

//Enter "frombottom" or "fromtop"

( @ v3 @! J. m% G

var verticalpos="frombottom"

$ w1 f( q8 F4 G! f, G

if (!document.layers)

6 q7 t' q( ]0 i( |- p/ S" g" `

document.write('</div>')

, Z: D9 b: z* G s1 _" Z( d5 W

function JSFX_FloatTopDiv()

) n- M- K/ e6 E+ ^

{

6 f V1 V) B) P0 |. J) B2 [0 ]

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

7 C. V9 Z7 @7 ?7 U# J6 N# y

       var startX =3,

! a8 U6 p+ p5 |0 ]

       startY = 250;

& f* I8 ? x; Y

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

2 x% |( J' \5 N) N: P2 S, t

       var d = document;

5 y) I& ]5 @9 j Y

       function ml(id)

( }" k2 o1 j6 f. a a& e( E

       {

8 [* P' X2 k, g9 k0 p' M

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

* j* v1 F1 w. K' \

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

* W4 X9 p8 ]& @8 y+ G- a. H

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

* i+ Q4 q9 u& Z% @0 Y+ ^$ g

              el.x = startX;

: a; W# E$ `: a9 [) g

              if (verticalpos=="fromtop")

& e1 K/ |" {- U0 H

              el.y = startY;

. T) v% G. n$ ]/ X7 a

              else{

5 Z# O! Y7 i7 Y2 i% n; I. t

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

( S, L+ z. L; h, g, ?) u+ _ F

              el.y -= startY;

/ H. O4 r6 ?0 @) ]" G

              }

. Y4 c% ~* O4 w3 }8 K0 v/ R

              return el;

r+ W0 q/ _. g

       }

; L1 f& D0 s6 U% b) T

       window.stayTopLeft=function()

* s& s2 ~& L5 k) P, F

       {

% H7 Q" O4 d; {+ M7 M$ J

              if (verticalpos=="fromtop"){

# }4 ^5 |3 ?0 k, B; w

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

+ g* ^2 ^/ V! r! Y

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

, h- G2 T" B" U0 ^

              }

" C, @' T; E7 r* y) d

              else{

! b8 A9 ?5 f! `' Y& E0 _

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

& K0 X; w6 P+ R, y4 E

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

2 t p% @7 J& u' P! ?3 ^

              }

7 _& {/ \) I7 T" ?: i) n& t

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

$ ^/ A, F: } x3 r% x4 n

              setTimeout("stayTopLeft()", 10);

) A: K3 T8 ]# I* Y7 k

       }

' ]/ l/ B2 _1 @) A

       ftlObj = ml("divStayTopLeft");

# _: g( U5 x" r( n! S% `" Y

       stayTopLeft();

# u: M+ f2 {5 g# @: D, g& }

}

r" D, V& i n. B% g& D' I! w* p

JSFX_FloatTopDiv();

8 |& W6 Y6 p* _ Z4 W6 \" w- I- o7 Q- L& B

</script>

. c$ h: D" F2 T/ {- u

</html>

9 q; D0 j/ }! b

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

* g( r* Z# a- v4 H Y

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

4 {6 p$ \9 P2 T% h4 A( a

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

1 }" Q9 {1 @* ?

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

9 y c3 H# R8 P+ r2 e1 H8 s9 L

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

" |; d2 H# x t5 V: Z0 h$ F9 Q

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

% V" y/ l# w( n" N s) ~5 H3 ~

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

/ F2 G7 ]+ g9 H" Y1 Z

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

回复

使用道具 举报

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

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

' Q0 k# v# _! b' Z; |

 

(2.88 KB, 下载次数: 2)
# I' @8 o2 @& s$ w5 Y) v7 ^
[此贴子已经被作者于2010-4-14 11:17:07编辑过]
( G* ^) P" z* f
您需要登录后才可以回帖 登录 | 马上注册

本版积分规则

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

虾皮社区,成立十年了!

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

Copyright © 2007-2019 xp6.org Powered by Discuz

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