你好赵伟

这个屌丝很懒，什么也没留下！

热门标签

在线客服QQ代码_imis.qq/webpresence/code.s

作者：你好赵伟 | 2024-02-17 05:45:10

踩

imis.qq/webpresence/code.s

第一种特效：腾讯qq互动状态代码&自动识别在线状态

将您的QQ/TM的在线状态发布在互联网上；点击“QQ图标”不用加好友也可以聊天；寻找商机，广交朋友，"互

动状态"给您更便捷的交互体验。
步骤如下：
一、打开腾讯qq互动状态代码生成页

http://is.qq.com/webpresence/code.shtml

按步骤生成自己的QQ/TM代码

二、用网页制作工具或记事本（简单）打开自己的网站在Html编辑器中，把你需要添加互动状态的地方直接粘

贴网页代码即可。
这种方式的好处是：你可随意设置“互动状态”的表现形式，文字图片随心随欲。

第二种特效：随网页滚动条上下移动的效果
浮动QQ在线客服网站QQ在线咨询

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

第二步：按橙色说明修改

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

<html>

<head>

</head>

var nline= new Array();

if (!document.layers)

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

</script>

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

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

if (online[0]==0)

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=27089965&Site=在线咨询&Menu=no' title='客服不在线，请留言'>

售前咨询</a>");

else

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

</script. >

</td></tr>

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

if (online[1]==0)

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=27043921&Site=在线咨询&Menu=no' title='客服不在线，请留言'>

技术支持</a>");

else

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

持</a>");

</script. >

</td></tr>

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

if (online[2]==0)

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=240434782&Site=在线咨询&Menu=no' title='客服不在线，请留

言'>代理合作</a>");

else

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=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处位置改为昵称）。

</table>

</layer>

//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目录下。

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在线客服”的页面的最后面添加一行：

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/你好赵伟/article/detail/100597