源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

网页右侧悬浮滚动在线qq客服代码示例

  • 时间:2021-04-20 13:43 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:网页右侧悬浮滚动在线qq客服代码示例
网页右侧悬浮滚动QQ在线客服代码 [img]http://files.jb51.net/file_images/article/201404/20140428094042.jpg?201432894219[/img]
[u]复制代码[/u] 代码如下:
function myEvent(obj,ev,fn){  if (obj.attachEvent){   obj.attachEvent('on'+ev,fn);  }else{   obj.addEventListener(ev,fn,false);  }; }; function getbyClass(id,sClass){  var oParent = document.getElementById(id);  var all = oParent.getElementsByTagName('*');  var array = [];  for (var i=0; i<all.length; i++){   if (all[i].className == sClass){    array.push(all[i]);   };  };  return array; }; function getStyle(obj,name){  if(obj.currentStyle){   return obj.currentStyle[name];  }else{   return getComputedStyle(obj,false)[name];  }; }; function Running(obj,json,fnEnd){  clearInterval(obj.timer);  obj.timer=setInterval(function(){   var now=0;   var bStop=true;   for (var attr in json){    if(attr=='opacity'){     now=Math.round(parseFloat(getStyle(obj,attr))*100);    }else{     now=parseInt(getStyle(obj,attr));    };    var speed=(json[attr]-now)/5;    speed=speed>0?Math.ceil(speed):Math.floor(speed);    if(now!=json[attr])bStop=false;    if(attr=='opacity'){     obj.style.filter='alpha(opacity:'+now+speed+')';     obj.style.opacity=(now+speed)/100;    }else{     obj.style[attr]=speed+now+'px';    };   }   if(bStop){    clearInterval(obj.timer);    if(fnEnd)fnEnd();   }  }, 30); } function Flexing(obj,json,fnEnd){  clearInterval(obj.timer);  obj.timer=setInterval(function(){   var now=0;   var bStop=true;   for (var attr in json){    if(!obj.speed)obj.speed={};    if(!obj.speed[attr])obj.speed[attr]=0;    now=parseInt(getStyle(obj,attr));    if(Math.abs(json[attr]-now)>1 || Math.abs(obj.speed[attr])>1){     bStop=false;     obj.speed[attr]+=(json[attr]-now)/5;     obj.speed[attr]*=0.85;     var MaxSpeed=65;     if(Math.abs(obj.speed[attr])>MaxSpeed){      obj.speed[attr]=obj.speed[attr]>0?MaxSpeed:-MaxSpeed;     };     obj.style[attr]=now+obj.speed[attr]+'px';    };   };   if(bStop){    clearInterval(obj.timer);    obj.style[attr]=json[attr]+'px';    if(fnEnd)fnEnd();   };  }, 30); } function setqq(obj,num){  if (obj.length!=num.length){   alert('\nspan的个数与QQ号码的个数不符,请设置5个QQ号码!\n\n[设置未成功!]');   return;  }else{   for (var i=0; i<num.length; i++){    obj[i].innerHTML = "<a target='_blank' href='http://wpa.qq.com/msgrd?v=3&uin="+num[i]+"&site=qq&menu=yes'><img border='0' src='http://wpa.qq.com/pa?p=2:"+num[i]+":51' alt='点击咨询' title='点击咨询'/></a>";   };  }; }; function settop(id,id2,top){  var obj = document.getElementById(id);  var box = document.getElementById(id2);  obj.style.top = box.style.top = top+'px'; }; function dealy(id,time){  var obj = document.getElementById(id);  var timer = setTimeout(function(){   Flexing(obj,{right:-100});  },time*1000); }; function click_fn(id,id2){  var obj = document.getElementById(id);  var box = document.getElementById(id2);  obj.onclick = function(){   Running(obj,{right:-200},function(){    box.style.display = 'block';    Running(box,{right:10, opacity:100});        });  };  box.onclick = function(){   timer = setTimeout(function(){    Running(box,{right:-220,opacity:0},function(){     box.style.display = 'none';     Flexing(obj,{right:-100});    });      },3000);  }; };
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部