Published Articles
十二 16th, 2007 | (3+)QQ漂浮在线客服代码
第一步：先把以下代码保存为kefu.htm
第二步：按橙色说明修改
- [color=Orange]绿色部分是要修改的内容，html文档中不包括说明文字：[/color]<br /><html><br /><br /><head><br /><br /><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><br /><br /><link rel="stylesheet" href="images/ im.css" type="text/css"><br /><br /></head><br /><br /><script><br /><br />var online= new Array();<br /><br />if (!document.layers)<br /><br />document.write('<div id="divStayTopLeft" style="position:absolute">')<br /><br /></script><br /><br /><layer id="divStayTopLeft"><br /><br /><table border="0" width="110" cellspacing="0" cellpadding="0"><br /><br /><tr><td width="110"><img border=0 src=images/kefu_up.gif></td></tr><br /><br /><script src="http://webpresence.qq.com/getonline?Type=1&[color=Green]27089965:27043921:56129874[/color]:"></script><br /><br />[color=Orange]将绿色部分修改成你的所有客服QQ，多个QQ用半角冒号隔开，最后一个QQ号后面也必须以半角冒号结束<br /> <br /><br />以下部分显示第1个客服QQ，注意：[/color]<br />online[0]<br /><br /><tr><td valign=middle background=images/kefu_middle.gif><br /><br /><script><br /><br />if (online[0]==0)<br /><br />document.write(" <img src=images/QQoffline.gif border=0 align=middle><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=[color=Green]27089965[/color]&Site=在线咨询&Menu=no' title='客服不在线，请留言'>[color=Green]售前咨询[/color]</a>");<br /><br />else<br /><br />document.write(" <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>");<br /><br /></script ><br /><br /></td></tr><br /><br /> <br /><br />[color=Orange]以下部分显示第2个客服QQ，注意：[/color]<br />online[1]<br /><br /><tr><td valign=middle background=images/kefu_middle.gif><br /><br /><script><br /><br />if (online[1]==0)<br /><br />document.write(" <img src=images/QQoffline.gif border=0 align=middle><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=[color=Green]27043921[/color]&Site=在线咨询&Menu=no' title='客服不在线，请留言'>[color=Green]技术支持[/color]</a>");<br /><br />else<br /><br />document.write(" <img src=images/QQonline.gif border=0 align=middle><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=[color=Green]27043921[/color]&Site=在线咨询&Menu=no' title='在线即时交谈'>[color=Green]技术支持[/color]</a>");<br /><br /></script ><br /><br /></td></tr><br /><br /> <br /><br />[color=Orange]以下部分显示第3个客服QQ，注意：[/color]<br />online[2]。<br /><br /><tr><td valign=middle background=images/kefu_middle.gif><br /><br /><script><br /><br />if (online[2]==0)<br /><br />document.write(" <img src=images/QQoffline.gif border=0 align=middle><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=[color=Green][/color]240434782&Site=在线咨询&Menu=no' title='客服不在线，请留言'>[color=Green]代理合作[/color]</a>");<br /><br />else<br /><br />document.write(" <img src=images/QQonline.gif border=0 align=middle><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=[color=Green]240434782[/color]&Site=在线咨询&Menu=no' title='在线即时交谈'>[color=Green]代理合作[/color]</a>");<br /><br /></script ><br /><br /></td></tr><br /><br /> <br /><br />[color=Orange]多个QQ，按以上规律复制上面的代码后修改online[0] 中的数字（第1个QQ为online[0]、第2个QQ为online[1]、第3个为online[2]，以此类推）和QQ号（每组代码中有2处位置改为QQ号、2处位置改为昵称）。[/color]<br /><br /> <br /><br /><tr><td width="110"><img border=0 src=images/kefu_down.gif></td></tr><br /><br /></table><br /><br /></layer><br /><br /><script type="text/javascript"><br /><br />//Enter "frombottom" or "fromtop"<br /><br />var verticalpos="frombottom"<br /><br />if (!document.layers)<br /><br />document.write('</div>')<br /><br />function JSFX_FloatTopDiv()<br /><br />{<br /><br />[color=Orange]下面的var startX =3是水平位置，250是垂直位置；默认情况在屏幕左侧显示，若要改为右侧显示，修改3的值（var startX =3改为var startX =screen.width-150）即可。[/color]<br /><br /> var startX =3,<br /><br /> startY = 250;<br /><br /> var ns = (navigator.appName.indexOf("Netscape") != -1);<br /><br /> var d = document;<br /><br /> function ml(id)<br /><br /> {<br /><br /> var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];<br /><br /> if(d.layers)el.style=el;<br /><br /> el.sP=function(x,y){this.style.left=x;this.style.top=y;};<br /><br /> el.x = startX;<br /><br /> if (verticalpos=="fromtop")<br /><br /> el.y = startY;<br /><br /> else{<br /><br /> el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;<br /><br /> el.y -= startY;<br /><br /> }<br /><br /> return el;<br /><br /> }<br /><br /> window.stayTopLeft=function()<br /><br /> {<br /><br /> if (verticalpos=="fromtop"){<br /><br /> var pY = ns ? pageYOffset : document.body.scrollTop;<br /><br /> ftlObj.y += (pY + startY - ftlObj.y)/8;<br /><br /> }<br /><br /> else{<br /><br /> var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;<br /><br /> ftlObj.y += (pY - startY - ftlObj.y)/8;<br /><br /> }<br /><br /> ftlObj.sP(ftlObj.x, ftlObj.y);<br /><br /> setTimeout("stayTopLeft()", 10);<br /><br /> }<br /><br /> ftlObj = ml("divStayTopLeft");<br /><br /> stayTopLeft();<br /><br />}<br /><br />JSFX_FloatTopDiv();<br /><br /></script><br /><br /></html><br /><br />[color=Red]第三步：下载相关素材(在图片上点右键－图片另存为…)，保存到images目录下。[/color]<br /><br />http://imis.qq.com/images/wpa/images/kefu_up.gif<br /><br />http://imis.qq.com/images/wpa/images/kefu_middle.gif<br /><br />http://imis.qq.com/images/wpa/images/kefu_down.gif<br /><br />http://imis.qq.com/images/wpa/images/QQonline.gif<br /><br />http://imis.qq.com/images/wpa/images/QQoffline.gif<br /><br />http://imis.qq.com/css/im.css<br />[color=Red]<br />第四步：将所有文件和目录保持原有结构（kefu.htm和文件夹images），拷贝到您的网站目录中，在你要添加“浮动QQ在线客服”的页面的最后面添加一行：<!--#include file="kefu.htm"-->[/color]<br /><br /> <br /><br /> （参考网上代码及腾讯互动服务改编）<br /><br />
RECENT POSTS
PREVIOUS POST
NEXT POST
盖楼 (3) 层
sm
我用这段代码，也按要求修改了，就不能实现飘浮？谢谢 我急用 sos sos sos sos sos sos sos sos sos sos
怎么不能实现飘逸呢，只是固定那一个位置？为什么呢？
谢谢 ，跪求答复