在给大家推荐了《
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咨询客服代码》。