管理杂谈OA答疑ERP答疑教程搜索

可浮动的在线qq咨询客服代码


在给大家推荐了《qq在线客服代码可以拖动浮动》然后又推荐了《qq在线咨询代码上下浮动型》之后,有朋友问我有没有简单点的可浮动的在线qq咨询客服代码,其实是有的,我先卖个关子说说原理。算了还是上传个在线qq咨询客服代码的演示图片吧。如下图:
http://ijavascript.cn/admincp/attachment.php?aid=8
样子很难看,但是这就是非常简洁的浮动qq客服代码了,其实最简单的qq在线客服代码还是http://imis.qq.com/webpresence/code.shtml官方的,不过不能浮动。等下提供源程序的打包下载。
先看浮动部分的代码,这个floaters函数就是让一个div元素浮动 function floaters() {
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 = newitem;
}
this.play = function() {
collection = this.items
setinterval('play()',10);
}
}然后是显示部分的代码,play这个函数是控制在线qq咨询客服代码的显示的: function play() {
if(screen.width<=800) {
for(var i=0;icollection.object.style.display = 'none';
}
return;
}
for(var i=0;ivar followobj = collection.object;
var followobj_x = (typeof(collection.x)=='string'?eval(collection.x):collection.x);
var followobj_y = (typeof(collection.y)=='string'?eval(collection.y):collection.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;
}
followobj.style.display = '';
}
}演示地址:float-drag-js-for-qqonline-53/index.htm
下载地址:float-drag-js-for-qqonline-53.zip tag: 浮动 qq客服 在线qq咨询 浮动qq代码 qq浮动客服
kimi post in javascript共享 at 2007-09-11 20:50:35.
永久地址:http://ijavascript.cn/share/float-drag-js-for-qqonline-53.html
在百度中搜索《可浮动的在线qq咨询客服代码》。

更多精彩文章浏览...
点击右上角图标分享到朋友圈
官方网站:http://www.clicksun.cn
咨询热线:400-186-1886
服务邮箱:service@clicksun.cn