Heim > Web-Frontend > js-Tutorial > Angehaltenes Scrollen im Online-QQ-Kundendienst-Codebeispiel auf der rechten Seite der Webseite_Javascript-Kenntnisse

Angehaltenes Scrollen im Online-QQ-Kundendienst-Codebeispiel auf der rechten Seite der Webseite_Javascript-Kenntnisse

WBOY
Freigeben: 2016-05-16 16:50:53
Original
1555 Leute haben es durchsucht

Das Scrollen des QQ-Online-Kundendienstcodes auf der rechten Seite der Webseite wurde unterbrochen

Angehaltenes Scrollen im Online-QQ-Kundendienst-Codebeispiel auf der rechten Seite der Webseite_Javascript-Kenntnisse

Code kopieren Der Code lautet wie folgt:

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  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号码!nn[设置未成功!]');
  return;
 }else{
  for (var i=0; i   obj[i].innerHTML = "点击咨询";
  };
 };
};
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);
};
};
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage