可浮动的在线qq咨询客服代码
在给大家推荐了《QQ在线客服代码可以拖动浮动》然后又推荐了《QQ在线咨询代码上下浮动型》之后,有朋友问我有没有简单点的可浮动的在线QQ咨询客服代码,其实是有的,我先卖个关子说说原理。算了还是上传个在线qq咨询客服代码的演示图片吧。如下图:
样子很难看,但是这就是非常简洁的浮动qq客服代码了,其实最简单的QQ在线客服代码还是http://imis.qq.com/webpresence/code.shtml官方的,不过不能浮动。等下提供源程序的打包下载。
先看浮动部分的代码,这个floaters函数就是让一个div元素浮动
function floaters() {http://www.hebby120.com
this.items = [];
this.addItem = function(id,x,y,content) {
document.write('
'+content+'');
var newItem = {};
newItem.object = document.getElementById(id);
newItem.x = x;
newItem.y = y;
this.items[this.items.length] = newItem;
}
this.play = function() {
collection = this.items
setInterval('play()',10);
}
}
然后是显示部分的代码,play这个函数是控制在线qq咨询客服代码的显示的:
function play() {
if(screen.width<=800) {
for(var i=0;i
collection[i].object.style.display = 'none';
}
return;
}
for(var i=0;i
var followObj = collection[i].object;
var followObj_x = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);
var followObj_y = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);
if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {
var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
followObj.style.left=followObj.offsetLeft+dx;
}
if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {
var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;
dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
followObj.style.top=followObj.offsetTop+dy;http://www.hebckyy.com
}
followObj.style.display = '';
}
}
转载于:https://www.cnblogs.com/hljmly/p/5511111.html
可浮动的在线qq咨询客服代码相关推荐
- 如何添加在线QQ咨询?
[b]1.简单的说,如果想在页面里面直接添加在线qq咨询,只要把下面的代码加入到页面里面就可以了:[/b] <a href="http://wpa.qq.com/msgrd?V=1&a ...
- 如何添加在线QQ咨询
如何添加在线QQ咨询? 1.简单的说,如果想在页面里面直接添加在线qq咨询,只要把下面的代码加入到页面里面就可以了: <a href="http://wpa.qq.com/msgrd? ...
- 网页上加在线客服代码QQ,MSN,skype,goolge TALK,雅虎通,贸易通,淘宝旺旺
1.如何在网页上显示腾讯QQ在线洽谈? QQ在线咨询代码(qq在线交谈代码/qq在线客服代码/qq在线状态代码/qq在线客服代码) (将8989215换成你的号码,site后面换成你的网站就可以了) ...
- 网页MSN,QQ,Skype,贸易通,雅虎通在线客服代码合集
1.如何在网页上显示腾讯QQ在线洽谈? QQ在线咨询代码(qq在线交谈代码/qq在线客服代码/qq在线状态代码/qq在线客服代码) (将123456换成你的号码,site后面换成你的网站就可以了) & ...
- QQ在线客服代码,飘浮在右侧的QQ客服js特效演示
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
- QQ,MSN,Skype在线客服代码
QQ,MSN,Skype在线客服代码 在网站建设时,为了更好的实施网站的营销型,会用到QQ,MSN等在线交流,以便客户能够快捷方便的联系我们.在这里,提供QQ,MSN的在线客服代码给大家分享: 1.Q ...
- php右侧弹窗QQ客服,JavaScript_网页右侧悬浮滚动在线qq客服代码示例,网页右侧悬浮滚动QQ在线客服 - phpStudy...
网页右侧悬浮滚动在线qq客服代码示例 网页右侧悬浮滚动QQ在线客服代码 function myEvent(obj,ev,fn){ if (obj.attachEvent){ obj.attachEve ...
- (转)QQ在线客服代码
QQ在线客服代码 2007-11-13 10:04 1. http://is.qq.com/cgi-bin/webpresence/wpa_code?uin=+你的QQ号码: < ...
- QQ样式的在线客服代码
QQ样式的在线客服代码,是从其阿里西西转载过来的. /****************************************************** css网站,css资源,css代码, ...
- 最简单明了的QQ在线客服代码
最近老用来QQ在线客服代码,网上找的都不太顺手,自己写一个简单,只上下飘动. 源码下载:网站被封了,源码下载不了,但是这个源码很简单,相信有点基础的人都知道怎样用. floatAd.js代码如下: v ...
最新文章
- objective C socket 库
- spring框架学习(三)junit单元测试
- linux gcc编译错误:statically linked applications requires at runtime the shared libraries
- java HashMap实现原理
- MyBatis的插入数据操作
- JavaFX技巧来节省内存! 属性和可观察物的阴影场
- Spring源码解析——如何阅读源码
- JS 查看标签下某元素所有信息(查看元素,查询元素,遍历元素、HTMLCollection对象、NodeList对象)
- Oracle DBA的SQL编写技能提升宝典(含SQL资源)
- CentOS7安装Java,java高级面试笔试题
- 钉钉日志范文100篇_钉钉怎么添加日志模板 几步轻松添加
- 等保三级 MySql数据库通用测评知识
- 斐波那契(黄金分割法)查找算法
- 编程实现更改文件夹图标
- 数列极限的概念及性质
- 分析器错误信息 未能加载类型 命名空间 类 ---小结
- 关于华硕飞行堡垒系列无法使用扇热小风扇的问题
- XP系统硬盘安装Ubuntu14.04-超详细
- Suzy找到实习了吗Day 17 | 二叉树进行中:110. 平衡二叉树,257 二叉树的所有路径,404. 左叶子之和
- 轨迹时空数据存储对比分析
热门文章
- 惊呆了!不改一行 Java 代码竟然就能轻松解决敏感信息加解密|原创
- 微服务 雪崩效应 与 Hystrix 断路器使用入门
- 阶段5 3.微服务项目【学成在线】_day01 搭建环境 CMS服务端开发_21-页面查询服务端开发-Dao-分页查询测试...
- 阶段3 2.Spring_10.Spring中事务控制_1 基于XML的AOP实现事务控制
- 阶段3 2.Spring_08.面向切面编程 AOP_10 总结和作业安排
- 数据结构---最小生成树
- PHP执行超时的那些事
- 每日一C(函数指针)
- 出现”/var/lib/mysql/mysql.sock“不存在的解决方法
- springboot vue组件写的个人博客系统