可浮动QQ在线客服

复制代码 代码如下:

  (function(){

  QQMenuInt=_QQMenuInt;

  moveQQmenu=_moveQQmenu;

  function _QQMenuInt(){

  QQMenu.style.position="absolute";

  QQMenu.style.display="";

  if(parseInt(document.documentElement.offsetWidth)>1024){

  QQMenuPosition.Left+=(parseInt(document.documentElement.offsetWidth)-1024-20);

  }

  if(QQMenuPosition.isRight){

  QQMenu.style.right=QQMenuPosition.Left+"px";

  }else{

  QQMenu.style.left=QQMenuPosition.Left+"px";

  }

  QQMenu.style.top=QQMenuPosition.Top+"px";

  moveQQmenu();

  }

  function _moveQQmenu(){

  var from=parseInt(QQMenu.style.top,10);

  var yOffset;

  var to=window.pageYOffset?window.pageYOffset:document.documentElement.scrollTop;

  to=to+QQMenuPosition.Top;

  if(to!=from){

  yOffset = Math.ceil(Math.abs(to-from)/20);

  if(to<from)yOffset=-yOffset;

  var oldTop=parseInt(QQMenu.style.top,10);

  QQMenu.style.top=(oldTop+yOffset)+"px";

  }

  if(QQMenu.style.display!="none"){

  window.setTimeout("moveQQmenu()",QQMenuPosition.timeout);

  }

  }

  })()

  使用方法:

  1、引入上面的js

  2、在页面的最后面加上

  

复制代码 代码如下:

  <script type="text/javascript">

  var QQMenuPosition={Left:10,Top:200,isRight:false,timeout:10}

  var QQMenu=document.getElementById("QQMenu");

  QQMenuInt();

  </script>

  QQMenu为漂浮层的最外层ID

  QQMenuPosition是设置漂浮层相关参数

  Left:层相对于左侧的偏移量。如果isRight为true则是相对于右侧的偏移量

  Top:层相对于顶部的偏移量

  timeout:层移动时间间隔,越大越慢

  

   [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  打包下载