浮动QQ在线客服amp;网站QQ在线咨询
第一步:先把以下代码保存为kefu.asp
第二步:按橙色说明修改
绿色部分是要修改的内容,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="http://webpresence.qq.com/getonline?Type=1&27089965:27043921:56129874:"></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='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]
<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='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]。
<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='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处位置改为昵称)。
<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目录下。
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.asp和文件夹images),拷贝到您的网站目录中,在你要添加“浮动QQ在线客服”的页面的最后面添加一行:<!--#include file="kefu.asp"-->
(参考网上代码及腾讯互动服务改编)
浮动QQ在线客服amp;网站QQ在线咨询相关推荐
- 怎么在网站上设置qq在线客服
有时候我们在做网站的时候,想在网站里面加上一个qq在线客服,如何操作呢,下面来分享一下方法 第一步百度搜索qq商家,点击进去,如下图所示: 第二步用qq号登录进去,点击"商家沟通组件&quo ...
- 浮动QQ在线客服,MSN在线代码|QQ在…
腾讯qq互动状态代码生成页 http://is.qq.com/webpresence/code.shtml 即时通讯如雅虎通,腾讯QQ,微软MSN,AOL ICQ,goolge TALK,阿里巴巴贸易 ...
- qq在线模板html,浮动在网页右侧的简洁QQ在线客服
浮动在网页右侧的简洁QQ在线客服-www.mb5u.com .qqbox a:link { color: #000; text-decoration: none; } .qqbox a:visited ...
- html简单右侧客服,浮动在网页右侧的简洁QQ在线客服
浮动在网页右侧的简洁QQ在线客服-www.codefans.net .qqbox a:link { color: #000; text-decoration: none; } .qqbox a:vis ...
- php 网站在线客服插件,jquery实现漂浮在网页右侧的qq在线客服插件示例_jquery
很实用的一款QQ在线客服代码,点击QQ图标,可直接与客服对话.具体实现代码如下: html页面: jquery实现qq客服 css样式: /*默认蓝色*/ .SonlineBox{ width:162 ...
- wpa.b.qq.com/cgi/wpa.php,营销QQ在线客服代码生成的方法(支持手机和PC)
普通的QQ在线客服代码生成比较简单,直接使用(http://shang.qq.com/v3/widget.html)的生成工具就可以了,但是营销QQ的方法略有不同,下面就介绍一下营销QQ在线客服代码生 ...
- 最简单明了的QQ在线客服代码
最近老用来QQ在线客服代码,网上找的都不太顺手,自己写一个简单,只上下飘动. 源码下载:网站被封了,源码下载不了,但是这个源码很简单,相信有点基础的人都知道怎样用. floatAd.js代码如下: v ...
- 在线客服 上下滚动 qq 简单明了 绝对不会报错 大众的选择 在线客服qq
<html><head> <meta http-equiv="Content-Type" content="text/html; chars ...
- 如何解决QQ在线客服未启用问题
最近腾讯对QQ在线回话进行调整,以前开通的QQ在线客服没问题,新添加的QQ会显示未启用,这需要登录腾讯的wp.qq.com网站,做以下设置即可:
最新文章
- 一周AI回顾 | 特斯拉AI负责人说神经网络正在改变编程,机器学习大神Bengio新论文专注RNN优化
- HDU1892(二维树状数组)
- C语言文件操作函数大全(看到总结的真的很好,就转载贡献给大家了)
- Android自己主动化測试之Monkeyrunner用法及实例
- 工作107:静态路由
- mysql存储过程参数与属性同名问题_存储过程中参数与表名相同的二义性问题
- MEF程序设计指南(转)
- 单行溢出文字省略号显示(HTML、CSS)
- python解析properties文件
- mysql基础之数据库备份和恢复实操
- 人工智能——状态空间表示法
- android sd卡 f2fs,F2FS保你18个月不卡?手机文件系统相关科普
- 简约个人竞聘简历PPT模板
- 一位技术主管的十年编程经验总结
- 值得收藏!神级代码编辑器 Sublime Text 全程指南
- Python相似度计算【大总结】
- MATLAB 剔除异常点
- python-重难点知识汇总
- node.js笔记第一天
- Mysql窗口函数 (知识点梳理+题目解析+面试实战)(四万字长文,一文读懂,建议收藏后食用)
热门文章
- python检查中文文章、字段、新闻抄袭情况,returntopN抄袭文章(抄袭识别技术方案一)
- python语言程序设计实验报告关于分支结构_分支程序设计实验报告|分支结构程序设计...
- 氨基酸英文缩写及在Material Studio中的模型图
- 插入u盘需重启计算机,量产后的U盘一插入电脑就提示重启的原因及解决方法
- 如何判断一个activity是否在最顶部显示
- 实验五:心脏病分类预测
- linux pci网卡驱动
- 滴滴章文嵩对话Udacity创始人Sebastian:自动驾驶比人工更安全
- Spek:JetBrains出品的JVM语言规范框架
- 大阴回调通达信公式,还是比较安全的位置,副图+选股 源码分享