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

happyxp

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

9 e/ ~' @; P7 Q9 d8 i; J3 i. ?

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

第二步：按橙色说明修改

7 Z5 b' p- C# t8 E2 j2 V; B

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

<html>

8 w! A0 f2 ?6 Z' @0 r

<head>

3 d0 i- h9 J0 b |7 k4 C! w

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

, v" e0 H# \) ~! O2 |

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

</head>

<script>

var online= new Array();

+ H+ q! G; q0 ^1 X

if (!document.layers)

4 k n8 i1 E- J! Z

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

</script>

7 r1 Z, {- |- e% Z

<layer id="divStayTopLeft">

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

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

% l+ E9 N4 m9 X G+ S$ m4 J! B

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

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

) a3 d' q, p8 P8 v- N, s. G

 

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

: Y6 y, R! H6 _, x6 G9 h* W

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

<script>

! \" m, q- K* C

if (online[0]==0)

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

else

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

</script >

</td></tr>

$ r* d& ^& ^0 ]) L" P9 G5 R/ U

 

: y: J, T* E; _; L4 X" U$ m. C8 i

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

4 q. c' ]( J7 W5 D. O6 r9 R

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

8 E8 U) N1 D; z s0 ]

<script>

$ j5 Z N" Q. @7 y$ A

if (online[1]==0)

( H" |0 t* V5 e( Y$ 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>");

! J/ p8 ?5 p! f* e) }" r x8 S

else

5 U O+ z4 m$ \/ v" Y" y

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

% c9 o7 Y" B, w" Q: m

</script >

</td></tr>

 

以下部分显示第3个客服QQ，注意：online[2]。

% t2 ]3 F( D! h0 |0 @6 G

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

<script>

, v* N6 K0 v7 l5 W) b

if (online[2]==0)

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

' G2 n! g5 T% V7 H2 P! {! @

else

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

8 d! [5 \* N5 W2 G0 Z; Z% K

</script >

</td></tr>

" x7 x8 ] }" A1 F- f

 

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

 

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

/ Q9 a5 X3 }: ~! q5 Q2 {

</table>

# C- p8 V$ [# ?8 r: j' g

</layer>

<script type="text/javascript">

) h; D+ a6 K( n4 z! N' N. Y G+ i

//Enter "frombottom" or "fromtop"

- A8 r5 w1 s* M8 ]& p* Z

var verticalpos="frombottom"

if (!document.layers)

3 V9 ]4 C) R/ l

document.write('</div>')

function JSFX_FloatTopDiv()

1 H. b3 D3 Q/ _0 K; [

{

. Y I( Y6 Q; f

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

6 H" t: O3 `' l% y- }' W F

       var startX =3,

+ O6 k; Q# Q7 u3 i

       startY = 250;

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

       var d = document;

& f; s) L( ^" L9 u

       function ml(id)

% M4 ]4 ]' G' }) `$ R

       {

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

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

: y- a% z3 ?- ?) p+ L5 x

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

" O" Z: K7 s1 i$ E+ C' Y3 d2 I

              el.x = startX;

              if (verticalpos=="fromtop")

3 i5 k* s8 z4 [) I. D( t" @1 `3 [

              el.y = startY;

              else{

4 \+ @/ M+ f- E1 n1 ?

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

              el.y -= startY;

v7 q, J3 U. W5 K

              }

              return el;

       }

1 S2 p5 @& y' W; @7 z0 @

       window.stayTopLeft=function()

" m1 ]# X2 b* n; X! _0 p8 T

       {

              if (verticalpos=="fromtop"){

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

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

              }

              else{

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

& B9 z" S* x2 E- ~! m# R

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

              }

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

8 _6 [5 N- [# D" m

              setTimeout("stayTopLeft()", 10);

       }

3 x/ r/ W8 \* c* U) u+ v" ^

       ftlObj = ml("divStayTopLeft");

- R) i7 ?* S/ L) _2 x5 T

       stayTopLeft();

, y/ o1 C: c5 I& O" B7 r

}

JSFX_FloatTopDiv();

</script>

6 D0 C! r( y! [$ L/ l

</html>

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

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

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

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

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

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

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

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

happyxp

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

 

(2.88 KB, 下载次数: 2)

2010-4-14 11:17 上传

点击文件名下载附件

! |1 N8 U0 _% D7 V! c

[此贴子已经被作者于2010-4-14 11:17:07编辑过]

" ~6 U& V5 b5 S2 |+ ^2 s