码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-05-20 11:34:57      阅读:204      评论:0      收藏:0      [点我收藏+]

标签:

  在给大家推荐了《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 = ‘‘;

  }

  }

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

标签:

原文地址:http://www.cnblogs.com/hljmly/p/5511111.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!