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

happyxp

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

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

第二步：按橙色说明修改

: E" L# K# Z8 ~/ c1 ]& o0 q

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

<html>

0 P% ?+ X/ s/ k) J' m( B! Y

<head>

( B2 _% J9 R( r& G- n0 l

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

. z$ _3 o. \; H% @- k; ~; H. K

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

+ n2 u# D% P, J: T0 x' d

</head>

+ m/ T/ M) X* g

<script>

var online= new Array();

if (!document.layers)

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

j( D( B; w9 n6 d# H T' X

</script>

( T/ |/ x0 y. C

<layer id="divStayTopLeft">

$ ]. ~$ f- Z' N9 a9 W

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

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

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

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

+ L" c! J6 }, @& p$ o5 w5 B

 

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

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

. C5 c; k" t, j- z

<script>

if (online[0]==0)

4 C- u! J2 N: E' 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=27089965&Site=在线咨询&Menu=no' title='客服不在线，请留言'>售前咨询</a>");

0 R& e; r' `/ Y* A }5 o

else

+ }) ^7 e0 I" G, 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=27089965&Site=在线咨询&Menu=no' title='在线即时交谈'>售前咨询</a>");

' s6 |$ E+ i1 x- F$ S

</script >

& c: c7 D3 O% w- d8 H' C! ?

</td></tr>

b8 N) ]$ P' K7 C- v: ^

 

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

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

9 Y) ^. j: L0 a/ F2 K

<script>

if (online[1]==0)

5 x& ^' j2 X& X' T- I; d8 w

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

& @& O6 H& e! M0 N0 b- |/ u# O

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

</script >

</td></tr>

 

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

- t e! @) ?; t$ |) {% v

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

& C- R* Y4 n" I- T

<script>

if (online[2]==0)

9 u8 ~7 X4 ~& w$ ^

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

, S2 a+ v$ Z1 f

else

5 y4 p& }# @! q# H& 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=240434782&Site=在线咨询&Menu=no' title='在线即时交谈'>代理合作</a>");

( @0 ]0 R- K7 G) y( t; V

</script >

; G" u# o9 u- j# Z9 L8 M+ B

</td></tr>

 

/ W1 F/ h- R# |

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

 

# O) n' v6 S% ^5 H L

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

/ c/ T6 Q. L3 A5 v

</table>

2 N! {! l w$ n9 b6 y+ o" r

</layer>

<script type="text/javascript">

//Enter "frombottom" or "fromtop"

var verticalpos="frombottom"

if (!document.layers)

document.write('</div>')

2 ?. d2 M c2 L8 u% _9 K* q- R

function JSFX_FloatTopDiv()

{

# Y/ f- `4 g3 i2 y

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

3 j6 r4 L+ p4 Y5 l5 M5 R/ s

       var startX =3,

9 B9 i/ f! n* ^$ u! e: [- @5 t

       startY = 250;

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

       var d = document;

# g/ ?" K1 V' x: u8 O

       function ml(id)

% V8 Z3 Q5 @' d$ M6 \

       {

2 i3 _# n) }) {; P

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

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

! P) q, h5 L% g" Q& X) {/ C& G/ Z

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

; {5 H" [ X9 G ]

              el.x = startX;

              if (verticalpos=="fromtop")

9 B4 p# `( K! }) J& G' t1 S

              el.y = startY;

4 O; X- B9 i c1 I1 t1 F: K

              else{

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

              el.y -= startY;

- _6 G0 m S" h7 @" l& N

              }

              return el;

$ I1 e% }) W4 m& Z2 V6 b' O* t

       }

       window.stayTopLeft=function()

, q5 f; B$ ?2 k5 @$ S

       {

              if (verticalpos=="fromtop"){

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

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

              }

1 b7 H; g; n3 q

              else{

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

: Q4 a Q8 J! y: G- m9 g

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

              }

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

              setTimeout("stayTopLeft()", 10);

       }

       ftlObj = ml("divStayTopLeft");

       stayTopLeft();

+ g4 T* e. a& }; [) n2 k. f$ @

}

JSFX_FloatTopDiv();

( U8 F9 n6 P# N8 |8 S! h$ M

</script>

</html>

/ u [9 \ G' t+ l) V3 t8 T

第三步：下载相关素材(在图片上点右键－图片另存为…)，保存到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

0 Z: u* [8 P8 }0 Z2 y" `2 p

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

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

2 v t( V4 F7 {. V

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 上传

点击文件名下载附件

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