第一种特效：腾讯qq互动状态代码&自动识别在线状态 将您的QQ/TM的在线状态发布在互联网上；点击“QQ图标”不用加好友也可以聊天；寻找商机，广交朋友，互动状态给您更便捷的交互体验。 步骤如下： 一、打开腾讯qq互动状态代码生成页 按步骤生成自己的QQ/TM代码 二、用网页制作工具或记事本（简单）打开自己的网站在Html编辑器中，把你需要添加互动状态的地方直接粘贴网页代码即可。 这种方式的好处是：你可随意设置“互动状态”的表现形式，文字图片随心随欲。 演示地址： 第二种特效：随网页滚动条上下移动的效果 浮动QQ在线客服&网站QQ在线咨询 第一步：先把以下代码保存为kefu.htm 第二步：按橙色说明修改 绿色部分是要修改的内容，html文档中不包括说明文字： <html> <head> <meta http-equiv=Content-Type content=text/html; charset=gb2312> <link rel=stylesheet href=images/ im.css type=text/css> </head> <script> var online= new Array(); if (!document.layers) document.write('<div id=divStayTopLeft style=position:absolute>') </script> <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> <script src= ></script> 将绿色部分修改成你的所有客服QQ，多个QQ用半角冒号隔开，最后一个QQ号后面也必须以半角冒号结束 以下部分显示第1个客服QQ，注意：online[0] <tr><td valign=middle background=images/kefu_middle.gif> <script> if (online[0]==0) document.write( <img src=images/QQoffline.gif border=0 align=middle><a class='qqb' target=blank href=' 在线咨询&Menu=no' title='客服不在线，请留言'>售前咨询</a>); else document.write( <img src=images/QQonline.gif border=0 align=middle><a class='qqa' target=blank href=' 在线咨询&Menu=no' title='在线即时交谈'>售前咨询</a>); </script > </td></tr> 以下部分显示第2个客服QQ，注意：online[1] <tr><td valign=middle background=images/kefu_middle.gif> <script> if (online[1]==0) document.write( <img src=images/QQoffline.gif border=0 align=middle><a class='qqb' target=blank href=' 在线咨询&Menu=no' title='客服不在线，请留言'>技术支持</a>); else document.write( <img src=images/QQonline.gif border=0 align=middle><a class='qqa' target=blank href=' 在线咨询&Menu=no' title='在线即时交谈'>技术支持</a>); </script > </td></tr> 以下部分显示第3个客服QQ，注意：online[2]。 <tr><td valign=middle background=images/kefu_middle.gif> <script> if (online[2]==0) document.write( <img src=images/QQoffline.gif border=0 align=middle><a class='qqb' target=blank href=' 在线咨询&Menu=no' title='客服不在线，请留言'>代理合作</a>); else document.write( <img src=images/QQonline.gif border=0 align=middle><a class='qqa' target=blank href=' 在线咨询&Menu=no' title='在线即时交谈'>代理合作</a>); </script > </td></tr> 多个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> </table> </layer> <script type=text/javascript> //Enter frombottom or fromtop var verticalpos=frombottom if (!document.layers) document.write('</div>') function JSFX_FloatTopDiv() { 下面的var startX =3是水平位置，250是垂直位置；默认情况在屏幕左侧显示，若要改为右侧显示，修改3的值（var startX =3改为var startX =screen.width-150）即可。 var startX =3, startY = 250; var ns = (navigator.appName.indexOf(Netscape) != -1); var d = document; function ml(id) { var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id]; if(d.layers)el.style=el; el.sP=function(x,y){this.style.left=x;this.style.top=y;}; el.x = startX; if (verticalpos==fromtop) el.y = startY; else{ el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight; el.y -= startY; } return el; } window.stayTopLeft=function() { 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; ftlObj.y += (pY - startY - ftlObj.y)/8; } ftlObj.sP(ftlObj.x, ftlObj.y); setTimeout(stayTopLeft(), 10); } ftlObj = ml(divStayTopLeft); stayTopLeft(); } JSFX_FloatTopDiv(); </script> </html> 第三步：下载相关素材(在图片上点右键－图片另存为…)，保存到images目录下。 kefu_middle.gif kefu_down.gif QQonline.gif QQoffline.gif 第四步：将所有文件和目录保持原有结构（kefu.htm和文件夹images），拷贝到您的网站目录中，在你要添加“浮动QQ在线客服”的页面的最后面添加一行：<!--#include file=kefu.htm--> 演示地址： 完整代码： （参考网上代码及腾讯互动服务改编）
参考资料：
- 上一篇： 现在QQ怎么免费用代码做空间？
- 下一篇： 返回列表