第一种特效：腾讯qq互动状态代码&自动识别在线状态
将您的QQ/TM的在线状态发布在互联网上；点击“QQ图标”不用加好友也可以聊天；寻找商机，广交朋友，"互
动状态"给您更便捷的交互体验。
步骤如下：
一、打开腾讯qq互动状态代码生成页
按步骤生成自己的QQ/TM代码

二、用网页制作工具或记事本（简单）打开自己的网站在Html编辑器中，把你需要添加互动状态的地方直接粘
贴网页代码即可。
这种方式的好处是：你可随意设置“互动状态”的表现形式，文字图片随心随欲。
第二种特效：随网页滚动条上下移动的效果
浮动QQ在线客服 网站QQ在线咨询
第一步：先把以下代码保存为kefu.htm
第二步：按橙色说明修改
绿色部分是要修改的内容，html文档中不包括说明文字：
<html>
<head>
<meta. http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="p_w_picpaths/ im.css" type="text/css">
</head>
<script>
var nline= 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=p_w_picpaths/kefu_up.gif></td></tr>
将绿色部分修改成你的所有客服QQ，多个QQ用半角冒号隔开，最后一个QQ号后面也必须以半角冒号结束
以下部分显示第1个客服QQ，注意：online[0]
<tr><td valign=middle background=p_w_picpaths/kefu_middle.gif>
<script>
if (online[0]==0)
document.write("  <img src=p_w_picpaths/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("  <img src=p_w_picpaths/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>
以下部分显示第2个客服QQ，注意：online[1]
<tr><td valign=middle background=p_w_picpaths/kefu_middle.gif>
<script>
if (online[1]==0)
document.write("  <img src=p_w_picpaths/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>");
else
document.write("  <img src=p_w_picpaths/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]。
<tr><td valign=middle background=p_w_picpaths/kefu_middle.gif>
<script>
if (online[2]==0)
document.write("  <img src=p_w_picpaths/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>");
else
document.write("  <img src=p_w_picpaths/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>");
</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=p_w_picpaths/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>
第三步：下载相关素材(在图片上点右键－图片另存为…)，保存到p_w_picpaths目录下。
http://imis.qq.com/css/im.css
第四步：将所有文件和目录保持原有结构（kefu.htm和文件夹p_w_picpaths），拷贝到您的网站目录中，在你要添加
“浮动QQ在线客服”的页面的最后面添加一行：<!--#include file="kefu.htm"-->

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/jeefchen/archive/2009/05/25/4214765.aspx